@voicenter-team/voicenter-ui-plus 1.1.21 → 2.0.2

package/library/VcTransfer-CG4j9PzS.mjs

@@ -1,567 +0,0 @@
-import { computed, watch, defineComponent, useSlots, reactive, toRefs, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createCommentVNode, createVNode, isRef, withCtx, createTextVNode, toDisplayString, createBlock, withDirectives, Fragment, renderList, vShow, renderSlot, ref, h, Comment } from "vue";
-import { aK as isArray, aL as isNil, aE as buildProps, b8 as UPDATE_MODEL_EVENT, b9 as CHANGE_EVENT, ba as mutable, a_ as definePropType, aM as isFunction, aB as _export_sfc, a$ as useLocale, aC as useNamespace, bb as isEmpty, aV as ElCheckbox, bc as ElInput, bd as search_default, be as ElCheckboxGroup, bf as useFormItem, bg as debugWarn, bh as ElButton, aU as ElIcon, bi as arrow_left_default, aH as isUndefined, bj as arrow_right_default, aD as withInstall, ax as useOptionMethods } from "./entry-EvdwF4XL.mjs";
-const LEFT_CHECK_CHANGE_EVENT = "left-check-change";
-const RIGHT_CHECK_CHANGE_EVENT = "right-check-change";
-const transferProps = buildProps({
-  data: {
-    type: definePropType(Array),
-    default: () => []
-  },
-  titles: {
-    type: definePropType(Array),
-    default: () => []
-  },
-  buttonTexts: {
-    type: definePropType(Array),
-    default: () => []
-  },
-  filterPlaceholder: String,
-  filterMethod: {
-    type: definePropType(Function)
-  },
-  leftDefaultChecked: {
-    type: definePropType(Array),
-    default: () => []
-  },
-  rightDefaultChecked: {
-    type: definePropType(Array),
-    default: () => []
-  },
-  renderContent: {
-    type: definePropType(Function)
-  },
-  modelValue: {
-    type: definePropType(Array),
-    default: () => []
-  },
-  format: {
-    type: definePropType(Object),
-    default: () => ({})
-  },
-  filterable: Boolean,
-  props: {
-    type: definePropType(Object),
-    default: () => mutable({
-      label: "label",
-      key: "key",
-      disabled: "disabled"
-    })
-  },
-  targetOrder: {
-    type: String,
-    values: ["original", "push", "unshift"],
-    default: "original"
-  },
-  validateEvent: {
-    type: Boolean,
-    default: true
-  }
-});
-const transferCheckedChangeFn = (value, movedKeys) => [value, movedKeys].every(isArray) || isArray(value) && isNil(movedKeys);
-const transferEmits = {
-  [CHANGE_EVENT]: (value, direction, movedKeys) => [value, movedKeys].every(isArray) && ["left", "right"].includes(direction),
-  [UPDATE_MODEL_EVENT]: (value) => isArray(value),
-  [LEFT_CHECK_CHANGE_EVENT]: transferCheckedChangeFn,
-  [RIGHT_CHECK_CHANGE_EVENT]: transferCheckedChangeFn
-};
-const CHECKED_CHANGE_EVENT = "checked-change";
-const transferPanelProps = buildProps({
-  data: transferProps.data,
-  optionRender: {
-    type: definePropType(Function)
-  },
-  placeholder: String,
-  title: String,
-  filterable: Boolean,
-  format: transferProps.format,
-  filterMethod: transferProps.filterMethod,
-  defaultChecked: transferProps.leftDefaultChecked,
-  props: transferProps.props
-});
-const transferPanelEmits = {
-  [CHECKED_CHANGE_EVENT]: transferCheckedChangeFn
-};
-const usePropsAlias = (props) => {
-  const initProps = {
-    label: "label",
-    key: "key",
-    disabled: "disabled"
-  };
-  return computed(() => ({
-    ...initProps,
-    ...props.props
-  }));
-};
-const useCheck = (props, panelState, emit) => {
-  const propsAlias = usePropsAlias(props);
-  const filteredData = computed(() => {
-    return props.data.filter((item) => {
-      if (isFunction(props.filterMethod)) {
-        return props.filterMethod(panelState.query, item);
-      } else {
-        const label = String(item[propsAlias.value.label] || item[propsAlias.value.key]);
-        return label.toLowerCase().includes(panelState.query.toLowerCase());
-      }
-    });
-  });
-  const checkableData = computed(() => filteredData.value.filter((item) => !item[propsAlias.value.disabled]));
-  const checkedSummary = computed(() => {
-    const checkedLength = panelState.checked.length;
-    const dataLength = props.data.length;
-    const { noChecked, hasChecked } = props.format;
-    if (noChecked && hasChecked) {
-      return checkedLength > 0 ? hasChecked.replace(/\${checked}/g, checkedLength.toString()).replace(/\${total}/g, dataLength.toString()) : noChecked.replace(/\${total}/g, dataLength.toString());
-    } else {
-      return `${checkedLength}/${dataLength}`;
-    }
-  });
-  const isIndeterminate = computed(() => {
-    const checkedLength = panelState.checked.length;
-    return checkedLength > 0 && checkedLength < checkableData.value.length;
-  });
-  const updateAllChecked = () => {
-    const checkableDataKeys = checkableData.value.map((item) => item[propsAlias.value.key]);
-    panelState.allChecked = checkableDataKeys.length > 0 && checkableDataKeys.every((item) => panelState.checked.includes(item));
-  };
-  const handleAllCheckedChange = (value) => {
-    panelState.checked = value ? checkableData.value.map((item) => item[propsAlias.value.key]) : [];
-  };
-  watch(() => panelState.checked, (val, oldVal) => {
-    updateAllChecked();
-    if (panelState.checkChangeByUser) {
-      const movedKeys = val.concat(oldVal).filter((v) => !val.includes(v) || !oldVal.includes(v));
-      emit(CHECKED_CHANGE_EVENT, val, movedKeys);
-    } else {
-      emit(CHECKED_CHANGE_EVENT, val);
-      panelState.checkChangeByUser = true;
-    }
-  });
-  watch(checkableData, () => {
-    updateAllChecked();
-  });
-  watch(() => props.data, () => {
-    const checked = [];
-    const filteredDataKeys = filteredData.value.map((item) => item[propsAlias.value.key]);
-    panelState.checked.forEach((item) => {
-      if (filteredDataKeys.includes(item)) {
-        checked.push(item);
-      }
-    });
-    panelState.checkChangeByUser = false;
-    panelState.checked = checked;
-  });
-  watch(() => props.defaultChecked, (val, oldVal) => {
-    if (oldVal && val.length === oldVal.length && val.every((item) => oldVal.includes(item)))
-      return;
-    const checked = [];
-    const checkableDataKeys = checkableData.value.map((item) => item[propsAlias.value.key]);
-    val.forEach((item) => {
-      if (checkableDataKeys.includes(item)) {
-        checked.push(item);
-      }
-    });
-    panelState.checkChangeByUser = false;
-    panelState.checked = checked;
-  }, {
-    immediate: true
-  });
-  return {
-    filteredData,
-    checkableData,
-    checkedSummary,
-    isIndeterminate,
-    updateAllChecked,
-    handleAllCheckedChange
-  };
-};
-const __default__$1 = defineComponent({
-  name: "ElTransferPanel"
-});
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
-  props: transferPanelProps,
-  emits: transferPanelEmits,
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const slots = useSlots();
-    const OptionContent = ({ option }) => option;
-    const { t } = useLocale();
-    const ns = useNamespace("transfer");
-    const panelState = reactive({
-      checked: [],
-      allChecked: false,
-      query: "",
-      checkChangeByUser: true
-    });
-    const propsAlias = usePropsAlias(props);
-    const {
-      filteredData,
-      checkedSummary,
-      isIndeterminate,
-      handleAllCheckedChange
-    } = useCheck(props, panelState, emit);
-    const hasNoMatch = computed(() => !isEmpty(panelState.query) && isEmpty(filteredData.value));
-    const hasFooter = computed(() => !isEmpty(slots.default()[0].children));
-    const { checked, allChecked, query } = toRefs(panelState);
-    expose({
-      query
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(ns).b("panel"))
-      }, [
-        createElementVNode("p", {
-          class: normalizeClass(unref(ns).be("panel", "header"))
-        }, [
-          createVNode(unref(ElCheckbox), {
-            modelValue: unref(allChecked),
-            "onUpdate:modelValue": ($event) => isRef(allChecked) ? allChecked.value = $event : null,
-            indeterminate: unref(isIndeterminate),
-            "validate-event": false,
-            onChange: unref(handleAllCheckedChange)
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.title) + " ", 1),
-              createElementVNode("span", null, toDisplayString(unref(checkedSummary)), 1)
-            ]),
-            _: 1
-          }, 8, ["modelValue", "onUpdate:modelValue", "indeterminate", "onChange"])
-        ], 2),
-        createElementVNode("div", {
-          class: normalizeClass([unref(ns).be("panel", "body"), unref(ns).is("with-footer", unref(hasFooter))])
-        }, [
-          _ctx.filterable ? (openBlock(), createBlock(unref(ElInput), {
-            key: 0,
-            modelValue: unref(query),
-            "onUpdate:modelValue": ($event) => isRef(query) ? query.value = $event : null,
-            class: normalizeClass(unref(ns).be("panel", "filter")),
-            size: "default",
-            placeholder: _ctx.placeholder,
-            "prefix-icon": unref(search_default),
-            clearable: "",
-            "validate-event": false
-          }, null, 8, ["modelValue", "onUpdate:modelValue", "class", "placeholder", "prefix-icon"])) : createCommentVNode("v-if", true),
-          withDirectives(createVNode(unref(ElCheckboxGroup), {
-            modelValue: unref(checked),
-            "onUpdate:modelValue": ($event) => isRef(checked) ? checked.value = $event : null,
-            "validate-event": false,
-            class: normalizeClass([unref(ns).is("filterable", _ctx.filterable), unref(ns).be("panel", "list")])
-          }, {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(filteredData), (item) => {
-                return openBlock(), createBlock(unref(ElCheckbox), {
-                  key: item[unref(propsAlias).key],
-                  class: normalizeClass(unref(ns).be("panel", "item")),
-                  value: item[unref(propsAlias).key],
-                  disabled: item[unref(propsAlias).disabled],
-                  "validate-event": false
-                }, {
-                  default: withCtx(() => {
-                    var _a;
-                    return [
-                      createVNode(OptionContent, {
-                        option: (_a = _ctx.optionRender) == null ? void 0 : _a.call(_ctx, item)
-                      }, null, 8, ["option"])
-                    ];
-                  }),
-                  _: 2
-                }, 1032, ["class", "value", "disabled"]);
-              }), 128))
-            ]),
-            _: 1
-          }, 8, ["modelValue", "onUpdate:modelValue", "class"]), [
-            [vShow, !unref(hasNoMatch) && !unref(isEmpty)(_ctx.data)]
-          ]),
-          withDirectives(createElementVNode("div", {
-            class: normalizeClass(unref(ns).be("panel", "empty"))
-          }, [
-            renderSlot(_ctx.$slots, "empty", {}, () => [
-              createTextVNode(toDisplayString(unref(hasNoMatch) ? unref(t)("el.transfer.noMatch") : unref(t)("el.transfer.noData")), 1)
-            ])
-          ], 2), [
-            [vShow, unref(hasNoMatch) || unref(isEmpty)(_ctx.data)]
-          ])
-        ], 2),
-        unref(hasFooter) ? (openBlock(), createElementBlock("p", {
-          key: 0,
-          class: normalizeClass(unref(ns).be("panel", "footer"))
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 2)) : createCommentVNode("v-if", true)
-      ], 2);
-    };
-  }
-});
-var TransferPanel = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "transfer-panel.vue"]]);
-const useComputedData = (props) => {
-  const propsAlias = usePropsAlias(props);
-  const dataObj = computed(() => props.data.reduce((o, cur) => (o[cur[propsAlias.value.key]] = cur) && o, {}));
-  const sourceData = computed(() => props.data.filter((item) => !props.modelValue.includes(item[propsAlias.value.key])));
-  const targetData = computed(() => {
-    if (props.targetOrder === "original") {
-      return props.data.filter((item) => props.modelValue.includes(item[propsAlias.value.key]));
-    } else {
-      return props.modelValue.reduce((arr, cur) => {
-        const val = dataObj.value[cur];
-        if (val) {
-          arr.push(val);
-        }
-        return arr;
-      }, []);
-    }
-  });
-  return {
-    sourceData,
-    targetData
-  };
-};
-const useMove = (props, checkedState, emit) => {
-  const propsAlias = usePropsAlias(props);
-  const _emit = (value, direction, movedKeys) => {
-    emit(UPDATE_MODEL_EVENT, value);
-    emit(CHANGE_EVENT, value, direction, movedKeys);
-  };
-  const addToLeft = () => {
-    const currentValue = props.modelValue.slice();
-    checkedState.rightChecked.forEach((item) => {
-      const index = currentValue.indexOf(item);
-      if (index > -1) {
-        currentValue.splice(index, 1);
-      }
-    });
-    _emit(currentValue, "left", checkedState.rightChecked);
-  };
-  const addToRight = () => {
-    let currentValue = props.modelValue.slice();
-    const itemsToBeMoved = props.data.filter((item) => {
-      const itemKey = item[propsAlias.value.key];
-      return checkedState.leftChecked.includes(itemKey) && !props.modelValue.includes(itemKey);
-    }).map((item) => item[propsAlias.value.key]);
-    currentValue = props.targetOrder === "unshift" ? itemsToBeMoved.concat(currentValue) : currentValue.concat(itemsToBeMoved);
-    if (props.targetOrder === "original") {
-      currentValue = props.data.filter((item) => currentValue.includes(item[propsAlias.value.key])).map((item) => item[propsAlias.value.key]);
-    }
-    _emit(currentValue, "right", checkedState.leftChecked);
-  };
-  return {
-    addToLeft,
-    addToRight
-  };
-};
-const useCheckedChange = (checkedState, emit) => {
-  const onSourceCheckedChange = (val, movedKeys) => {
-    checkedState.leftChecked = val;
-    if (!movedKeys)
-      return;
-    emit(LEFT_CHECK_CHANGE_EVENT, val, movedKeys);
-  };
-  const onTargetCheckedChange = (val, movedKeys) => {
-    checkedState.rightChecked = val;
-    if (!movedKeys)
-      return;
-    emit(RIGHT_CHECK_CHANGE_EVENT, val, movedKeys);
-  };
-  return {
-    onSourceCheckedChange,
-    onTargetCheckedChange
-  };
-};
-const __default__ = defineComponent({
-  name: "ElTransfer"
-});
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: transferProps,
-  emits: transferEmits,
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const slots = useSlots();
-    const { t } = useLocale();
-    const ns = useNamespace("transfer");
-    const { formItem } = useFormItem();
-    const checkedState = reactive({
-      leftChecked: [],
-      rightChecked: []
-    });
-    const propsAlias = usePropsAlias(props);
-    const { sourceData, targetData } = useComputedData(props);
-    const { onSourceCheckedChange, onTargetCheckedChange } = useCheckedChange(checkedState, emit);
-    const { addToLeft, addToRight } = useMove(props, checkedState, emit);
-    const leftPanel = ref();
-    const rightPanel = ref();
-    const clearQuery = (which) => {
-      switch (which) {
-        case "left":
-          leftPanel.value.query = "";
-          break;
-        case "right":
-          rightPanel.value.query = "";
-          break;
-      }
-    };
-    const hasButtonTexts = computed(() => props.buttonTexts.length === 2);
-    const leftPanelTitle = computed(() => props.titles[0] || t("el.transfer.titles.0"));
-    const rightPanelTitle = computed(() => props.titles[1] || t("el.transfer.titles.1"));
-    const panelFilterPlaceholder = computed(() => props.filterPlaceholder || t("el.transfer.filterPlaceholder"));
-    watch(() => props.modelValue, () => {
-      var _a;
-      if (props.validateEvent) {
-        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn());
-      }
-    });
-    const optionRender = computed(() => (option) => {
-      var _a;
-      if (props.renderContent)
-        return props.renderContent(h, option);
-      const defaultSlotVNodes = (((_a = slots.default) == null ? void 0 : _a.call(slots, { option })) || []).filter((node) => node.type !== Comment);
-      if (defaultSlotVNodes.length) {
-        return defaultSlotVNodes;
-      }
-      return h("span", option[propsAlias.value.label] || option[propsAlias.value.key]);
-    });
-    expose({
-      clearQuery,
-      leftPanel,
-      rightPanel
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(ns).b())
-      }, [
-        createVNode(TransferPanel, {
-          ref_key: "leftPanel",
-          ref: leftPanel,
-          data: unref(sourceData),
-          "option-render": unref(optionRender),
-          placeholder: unref(panelFilterPlaceholder),
-          title: unref(leftPanelTitle),
-          filterable: _ctx.filterable,
-          format: _ctx.format,
-          "filter-method": _ctx.filterMethod,
-          "default-checked": _ctx.leftDefaultChecked,
-          props: props.props,
-          onCheckedChange: unref(onSourceCheckedChange)
-        }, {
-          empty: withCtx(() => [
-            renderSlot(_ctx.$slots, "left-empty")
-          ]),
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "left-footer")
-          ]),
-          _: 3
-        }, 8, ["data", "option-render", "placeholder", "title", "filterable", "format", "filter-method", "default-checked", "props", "onCheckedChange"]),
-        createElementVNode("div", {
-          class: normalizeClass(unref(ns).e("buttons"))
-        }, [
-          createVNode(unref(ElButton), {
-            type: "primary",
-            class: normalizeClass([unref(ns).e("button"), unref(ns).is("with-texts", unref(hasButtonTexts))]),
-            disabled: unref(isEmpty)(checkedState.rightChecked),
-            onClick: unref(addToLeft)
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(ElIcon), null, {
-                default: withCtx(() => [
-                  createVNode(unref(arrow_left_default))
-                ]),
-                _: 1
-              }),
-              !unref(isUndefined)(_ctx.buttonTexts[0]) ? (openBlock(), createElementBlock("span", { key: 0 }, toDisplayString(_ctx.buttonTexts[0]), 1)) : createCommentVNode("v-if", true)
-            ]),
-            _: 1
-          }, 8, ["class", "disabled", "onClick"]),
-          createVNode(unref(ElButton), {
-            type: "primary",
-            class: normalizeClass([unref(ns).e("button"), unref(ns).is("with-texts", unref(hasButtonTexts))]),
-            disabled: unref(isEmpty)(checkedState.leftChecked),
-            onClick: unref(addToRight)
-          }, {
-            default: withCtx(() => [
-              !unref(isUndefined)(_ctx.buttonTexts[1]) ? (openBlock(), createElementBlock("span", { key: 0 }, toDisplayString(_ctx.buttonTexts[1]), 1)) : createCommentVNode("v-if", true),
-              createVNode(unref(ElIcon), null, {
-                default: withCtx(() => [
-                  createVNode(unref(arrow_right_default))
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["class", "disabled", "onClick"])
-        ], 2),
-        createVNode(TransferPanel, {
-          ref_key: "rightPanel",
-          ref: rightPanel,
-          data: unref(targetData),
-          "option-render": unref(optionRender),
-          placeholder: unref(panelFilterPlaceholder),
-          filterable: _ctx.filterable,
-          format: _ctx.format,
-          "filter-method": _ctx.filterMethod,
-          title: unref(rightPanelTitle),
-          "default-checked": _ctx.rightDefaultChecked,
-          props: props.props,
-          onCheckedChange: unref(onTargetCheckedChange)
-        }, {
-          empty: withCtx(() => [
-            renderSlot(_ctx.$slots, "right-empty")
-          ]),
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "right-footer")
-          ]),
-          _: 3
-        }, 8, ["data", "option-render", "placeholder", "filterable", "format", "filter-method", "title", "default-checked", "props", "onCheckedChange"])
-      ], 2);
-    };
-  }
-});
-var Transfer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "transfer.vue"]]);
-const ElTransfer = withInstall(Transfer);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "VcTransfer",
-  props: {
-    modelValue: { default: () => [] },
-    options: { default: () => [] },
-    config: { default: void 0 },
-    filterable: { type: Boolean, default: false },
-    titles: { default: void 0 }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { optionListMap, optionValue } = useOptionMethods();
-    const model = computed({
-      get() {
-        return props.modelValue;
-      },
-      set(value) {
-        emit("update:modelValue", value);
-      }
-    });
-    const optionsMapped = computed(() => {
-      return optionListMap(props.options, props.config);
-    });
-    function onChange(data) {
-      if (!data.length) {
-        emit("change", []);
-      } else {
-        const _options = props.options.filter((i) => data.includes(optionValue(i, props.config)));
-        emit("change", _options);
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElTransfer), {
-        modelValue: model.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
-        class: "vc-transfer",
-        data: optionsMapped.value,
-        filterable: _ctx.filterable,
-        titles: _ctx.titles,
-        onChange
-      }, null, 8, ["modelValue", "data", "filterable", "titles"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/library/VcTree-C2VshYQH.mjs

@@ -1,4 +0,0 @@
-import { _ as _sfc_main } from "./VcTree.vue_vue_type_style_index_0_lang-DqIT64MT.mjs";
-export {
-  _sfc_main as default
-};