acdr-ui/dist/dev/mp-weixin/node-modules/wot-design-uni/components/wd-picker-view/wd-picker-view.js

"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);