264 lines
9.5 KiB
JavaScript
264 lines
9.5 KiB
JavaScript
|
"use strict";
|
||
|
|
var __defProp = Object.defineProperty;
|
||
|
|
var __defProps = Object.defineProperties;
|
||
|
|
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
||
|
|
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
||
|
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
||
|
|
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
||
|
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
||
|
|
var __spreadValues = (a, b) => {
|
||
|
|
for (var prop in b || (b = {}))
|
||
|
|
if (__hasOwnProp.call(b, prop))
|
||
|
|
__defNormalProp(a, prop, b[prop]);
|
||
|
|
if (__getOwnPropSymbols)
|
||
|
|
for (var prop of __getOwnPropSymbols(b)) {
|
||
|
|
if (__propIsEnum.call(b, prop))
|
||
|
|
__defNormalProp(a, prop, b[prop]);
|
||
|
|
}
|
||
|
|
return a;
|
||
|
|
};
|
||
|
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
||
|
|
const common_vendor = require("../../../../common/vendor.js");
|
||
|
|
if (!Array) {
|
||
|
|
const _easycom_wd_loading2 = common_vendor.resolveComponent("wd-loading");
|
||
|
|
_easycom_wd_loading2();
|
||
|
|
}
|
||
|
|
const _easycom_wd_loading = () => "../wd-loading/wd-loading.js";
|
||
|
|
if (!Math) {
|
||
|
|
_easycom_wd_loading();
|
||
|
|
}
|
||
|
|
const __default__ = {
|
||
|
|
name: "wd-picker-view",
|
||
|
|
options: {
|
||
|
|
virtualHost: true,
|
||
|
|
addGlobalClass: true,
|
||
|
|
styleIsolation: "shared"
|
||
|
|
}
|
||
|
|
};
|
||
|
|
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent(__spreadProps(__spreadValues({}, __default__), {
|
||
|
|
props: common_vendor.pickerViewProps,
|
||
|
|
emits: ["change", "pickstart", "pickend", "update:modelValue"],
|
||
|
|
setup(__props, { expose: __expose, emit: __emit }) {
|
||
|
|
const props = __props;
|
||
|
|
const emit = __emit;
|
||
|
|
const formatColumns = common_vendor.ref([]);
|
||
|
|
const itemHeight = common_vendor.ref(35);
|
||
|
|
const selectedIndex = common_vendor.ref([]);
|
||
|
|
common_vendor.watch(
|
||
|
|
[() => props.modelValue, () => props.columns],
|
||
|
|
(newValue, oldValue) => {
|
||
|
|
if (!common_vendor.isEqual(oldValue[1], newValue[1])) {
|
||
|
|
formatColumns.value = common_vendor.formatArray(newValue[1], props.valueKey, props.labelKey);
|
||
|
|
}
|
||
|
|
if (!common_vendor.isEqual(oldValue[0], newValue[0]) && common_vendor.isDef(newValue[0])) {
|
||
|
|
selectWithValue(newValue[0]);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
deep: true,
|
||
|
|
immediate: true
|
||
|
|
}
|
||
|
|
);
|
||
|
|
const { proxy } = common_vendor.getCurrentInstance();
|
||
|
|
function selectWithValue(value) {
|
||
|
|
if (formatColumns.value.length === 0)
|
||
|
|
return;
|
||
|
|
if (value === "" || !common_vendor.isDef(value) || common_vendor.isArray(value) && value.length === 0) {
|
||
|
|
value = formatColumns.value.map((col) => {
|
||
|
|
return col[0][props.valueKey];
|
||
|
|
});
|
||
|
|
}
|
||
|
|
const valueType = common_vendor.getType(value);
|
||
|
|
const type = ["string", "number", "boolean", "array"];
|
||
|
|
if (type.indexOf(valueType) === -1)
|
||
|
|
console.error(`value must be one of ${type.toString()}`);
|
||
|
|
value = common_vendor.isArray(value) ? value : [value];
|
||
|
|
value = value.slice(0, formatColumns.value.length);
|
||
|
|
let selected = common_vendor.deepClone(selectedIndex.value);
|
||
|
|
value.forEach((target, col) => {
|
||
|
|
let row = formatColumns.value[col].findIndex((row2) => {
|
||
|
|
return row2[props.valueKey].toString() === target.toString();
|
||
|
|
});
|
||
|
|
row = row === -1 ? 0 : row;
|
||
|
|
selected = correctSelectedIndex(col, row, selected);
|
||
|
|
});
|
||
|
|
selectedIndex.value = selected.slice(0, value.length);
|
||
|
|
}
|
||
|
|
function correctSelected(value) {
|
||
|
|
let selected = common_vendor.deepClone(value);
|
||
|
|
value.forEach((row, col) => {
|
||
|
|
row = common_vendor.range(row, 0, formatColumns.value[col].length - 1);
|
||
|
|
selected = correctSelectedIndex(col, row, selected);
|
||
|
|
});
|
||
|
|
return selected;
|
||
|
|
}
|
||
|
|
function correctSelectedIndex(columnIndex, rowIndex, selected) {
|
||
|
|
const col = formatColumns.value[columnIndex];
|
||
|
|
if (!col || !col[rowIndex]) {
|
||
|
|
throw Error(`The value to select with Col:${columnIndex} Row:${rowIndex} is incorrect`);
|
||
|
|
}
|
||
|
|
const select = common_vendor.deepClone(selected);
|
||
|
|
select[columnIndex] = rowIndex;
|
||
|
|
if (col[rowIndex].disabled) {
|
||
|
|
const prev = col.slice(0, rowIndex).reverse().findIndex((s) => !s.disabled);
|
||
|
|
const next = col.slice(rowIndex + 1).findIndex((s) => !s.disabled);
|
||
|
|
if (prev !== -1) {
|
||
|
|
select[columnIndex] = rowIndex - 1 - prev;
|
||
|
|
} else if (next !== -1) {
|
||
|
|
select[columnIndex] = rowIndex + 1 + next;
|
||
|
|
} else if (select[columnIndex] === void 0) {
|
||
|
|
select[columnIndex] = 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return select;
|
||
|
|
}
|
||
|
|
function onChange({ detail: { value } }) {
|
||
|
|
value = value.map((v) => {
|
||
|
|
return Number(v || 0);
|
||
|
|
});
|
||
|
|
const index = getChangeDiff(value);
|
||
|
|
selectedIndex.value = common_vendor.deepClone(value);
|
||
|
|
common_vendor.nextTick$1(() => {
|
||
|
|
selectedIndex.value = correctSelected(value);
|
||
|
|
if (props.columnChange) {
|
||
|
|
if (props.columnChange.length < 4) {
|
||
|
|
props.columnChange(proxy.$.exposed, getSelects(), index || 0, () => {
|
||
|
|
});
|
||
|
|
handleChange(index || 0);
|
||
|
|
} else {
|
||
|
|
props.columnChange(proxy.$.exposed, getSelects(), index || 0, () => {
|
||
|
|
handleChange(index || 0);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
handleChange(index || 0);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
function getChangeColumn(now, origin) {
|
||
|
|
if (!now || !origin)
|
||
|
|
return -1;
|
||
|
|
const index = now.findIndex((row, index2) => row !== origin[index2]);
|
||
|
|
return index;
|
||
|
|
}
|
||
|
|
function getChangeDiff(value) {
|
||
|
|
value = value.slice(0, formatColumns.value.length);
|
||
|
|
const origin = common_vendor.deepClone(selectedIndex.value);
|
||
|
|
let selected = common_vendor.deepClone(selectedIndex.value);
|
||
|
|
value.forEach((row, col) => {
|
||
|
|
row = common_vendor.range(row, 0, formatColumns.value[col].length - 1);
|
||
|
|
if (row === origin[col])
|
||
|
|
return;
|
||
|
|
selected = correctSelectedIndex(col, row, selected);
|
||
|
|
});
|
||
|
|
const diffCol = getChangeColumn(selected, origin);
|
||
|
|
if (diffCol === -1)
|
||
|
|
return;
|
||
|
|
const diffRow = selected[diffCol];
|
||
|
|
return selected.length === 1 ? diffRow : diffCol;
|
||
|
|
}
|
||
|
|
function handleChange(index) {
|
||
|
|
const value = getValues();
|
||
|
|
if (common_vendor.isEqual(value, props.modelValue))
|
||
|
|
return;
|
||
|
|
emit("update:modelValue", value);
|
||
|
|
setTimeout(() => {
|
||
|
|
emit("change", {
|
||
|
|
picker: proxy.$.exposed,
|
||
|
|
value,
|
||
|
|
index
|
||
|
|
});
|
||
|
|
}, 0);
|
||
|
|
}
|
||
|
|
function getSelects() {
|
||
|
|
const selects = selectedIndex.value.map((row, col) => formatColumns.value[col][row]);
|
||
|
|
if (selects.length === 1) {
|
||
|
|
return selects[0];
|
||
|
|
}
|
||
|
|
return selects;
|
||
|
|
}
|
||
|
|
function getValues() {
|
||
|
|
const { valueKey } = props;
|
||
|
|
const values = selectedIndex.value.map((row, col) => {
|
||
|
|
return formatColumns.value[col][row][valueKey];
|
||
|
|
});
|
||
|
|
if (values.length === 1) {
|
||
|
|
return values[0];
|
||
|
|
}
|
||
|
|
return values;
|
||
|
|
}
|
||
|
|
function getLabels() {
|
||
|
|
const { labelKey } = props;
|
||
|
|
return selectedIndex.value.map((row, col) => formatColumns.value[col][row][labelKey]);
|
||
|
|
}
|
||
|
|
function getColumnIndex(columnIndex) {
|
||
|
|
return selectedIndex.value[columnIndex];
|
||
|
|
}
|
||
|
|
function getColumnData(columnIndex) {
|
||
|
|
return formatColumns.value[columnIndex];
|
||
|
|
}
|
||
|
|
function setColumnData(columnIndex, data, rowIndex = 0) {
|
||
|
|
formatColumns.value[columnIndex] = common_vendor.formatArray(data, props.valueKey, props.labelKey).reduce((acc, val) => acc.concat(val), []);
|
||
|
|
selectedIndex.value = correctSelectedIndex(columnIndex, rowIndex, selectedIndex.value);
|
||
|
|
}
|
||
|
|
function getColumnsData() {
|
||
|
|
return common_vendor.deepClone(formatColumns.value);
|
||
|
|
}
|
||
|
|
function getSelectedIndex() {
|
||
|
|
return selectedIndex.value;
|
||
|
|
}
|
||
|
|
function onPickStart() {
|
||
|
|
emit("pickstart");
|
||
|
|
}
|
||
|
|
function onPickEnd() {
|
||
|
|
emit("pickend");
|
||
|
|
}
|
||
|
|
__expose({
|
||
|
|
getSelects,
|
||
|
|
getValues,
|
||
|
|
setColumnData,
|
||
|
|
getColumnsData,
|
||
|
|
getColumnData,
|
||
|
|
getColumnIndex,
|
||
|
|
getLabels,
|
||
|
|
getSelectedIndex
|
||
|
|
});
|
||
|
|
return (_ctx, _cache) => {
|
||
|
|
return common_vendor.e({
|
||
|
|
a: _ctx.loading
|
||
|
|
}, _ctx.loading ? {
|
||
|
|
b: common_vendor.p({
|
||
|
|
color: _ctx.loadingColor
|
||
|
|
})
|
||
|
|
} : {}, {
|
||
|
|
c: common_vendor.f(formatColumns.value, (col, colIndex, i0) => {
|
||
|
|
return {
|
||
|
|
a: common_vendor.f(col, (row, rowIndex, i1) => {
|
||
|
|
return {
|
||
|
|
a: common_vendor.t(row[_ctx.labelKey]),
|
||
|
|
b: rowIndex,
|
||
|
|
c: common_vendor.n(`wd-picker-view-column__item ${row["disabled"] ? "wd-picker-view-column__item--disabled" : ""} ${selectedIndex.value[colIndex] == rowIndex ? "wd-picker-view-column__item--active" : ""}`)
|
||
|
|
};
|
||
|
|
}),
|
||
|
|
b: colIndex
|
||
|
|
};
|
||
|
|
}),
|
||
|
|
d: common_vendor.s(`line-height: ${itemHeight.value}px;`),
|
||
|
|
e: `height: ${itemHeight.value}px;`,
|
||
|
|
f: common_vendor.s(`height: ${_ctx.columnsHeight - 20}px;`),
|
||
|
|
g: selectedIndex.value,
|
||
|
|
h: _ctx.immediateChange,
|
||
|
|
i: common_vendor.o(onChange),
|
||
|
|
j: common_vendor.o(onPickStart),
|
||
|
|
k: common_vendor.o(onPickEnd),
|
||
|
|
l: common_vendor.s(`height: ${_ctx.columnsHeight - 20}px;`),
|
||
|
|
m: common_vendor.n(`wd-picker-view ${_ctx.customClass}`),
|
||
|
|
n: common_vendor.s(_ctx.customStyle)
|
||
|
|
});
|
||
|
|
};
|
||
|
|
}
|
||
|
|
}));
|
||
|
|
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-38683dd4"]]);
|
||
|
|
wx.createComponent(Component);
|
||
|
|
//# sourceMappingURL=wd-picker-view.js.map
|