@touchvue/ui 1.0.0-beta.2 → 1.0.0-beta.3

package/lib/packages/components/transfer/src/transfer.vue2.js

@@ -0,0 +1,410 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const __default__ = vue.defineComponent({
+  name: "ToTransfer",
+  componentName: "ToTransfer"
+});
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    mode: { default: "default" },
+    data: { default: () => "\u9009\u98791,\u9009\u98792,\u9009\u98793" },
+    leftTitle: { default: "\u5F85\u9009" },
+    rightTitle: { default: "\u5DF2\u9009" },
+    modelValue: { default: "" },
+    labelText: { default: "label" },
+    valueText: { default: "value" },
+    height: { default: 16 },
+    order: { default: "push" },
+    filterable: { type: Boolean, default: true },
+    fillet: { default: "normal" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const iData = vue.ref([]);
+    const dataGlobal = vue.ref(false);
+    const dataMap = vue.ref([]);
+    const dataChecked = vue.ref("");
+    const dataFilterKey = vue.ref("");
+    const iValue = vue.ref("");
+    const valueGlobal = vue.ref(false);
+    const valueMap = vue.ref([]);
+    const valueChecked = vue.ref("");
+    const valueFilterKey = vue.ref("");
+    const dataGroup = vue.ref(null);
+    const valueGroup = vue.ref(null);
+    vue.watch(
+      () => dataChecked.value,
+      () => {
+        console.log(dataChecked.value, "=== dataChecked.value ===");
+      }
+    );
+    vue.watch(
+      () => props.data,
+      () => {
+        transData();
+        setData();
+      },
+      { deep: true }
+    );
+    vue.watch(
+      () => props.modelValue,
+      (val) => {
+        iValue.value = val || "";
+      },
+      { immediate: true }
+    );
+    vue.watch(iValue, (val) => {
+      emit("update:modelValue", val);
+      emit("change", val);
+      setData();
+    });
+    const setClass = vue.computed(() => {
+      const classes = [];
+      if (props.mode)
+        classes.push(`to-transfer-mode-${props.mode}`);
+      return classes;
+    });
+    vue.onMounted(() => {
+      transData();
+      setData();
+    });
+    const transData = () => {
+      if (typeof props.data === "string") {
+        if (props.data) {
+          const arr = [];
+          props.data.split(",").map((item) => {
+            arr.push({
+              [props.labelText]: item,
+              [props.valueText]: item
+            });
+          });
+          iData.value = arr;
+        } else {
+          iData.value = [];
+        }
+      } else {
+        iData.value = JSON.parse(JSON.stringify(props.data));
+      }
+    };
+    const setData = () => {
+      const dataMapArr = [];
+      const valueMapArr = [];
+      const valueArr = iValue.value.split(",");
+      iData.value.map((item) => {
+        if (!valueArr.includes(item[props.valueText])) {
+          dataMapArr.push(item);
+        } else if (props.order === "original") {
+          valueMapArr.push(item);
+        }
+      });
+      if (iValue.value && props.order !== "original") {
+        iValue.value.split(",").map((item) => {
+          if (!iData.value.find((item2) => item2[props.valueText] === item)) {
+            return;
+          }
+          if (props.order === "unshift") {
+            valueMapArr.unshift({
+              [props.labelText]: iData.value.find((item2) => item2[props.valueText] === item)[props.labelText],
+              [props.valueText]: item,
+              disabled: !!iData.value.find((item2) => item2[props.valueText] === item).disabled
+            });
+          } else {
+            valueMapArr.push({
+              [props.labelText]: iData.value.find((item2) => item2[props.valueText] === item)[props.labelText],
+              [props.valueText]: item,
+              disabled: !!iData.value.find((item2) => item2[props.valueText] === item).disabled
+            });
+          }
+        });
+      }
+      dataMap.value = dataMapArr;
+      valueMap.value = valueMapArr;
+    };
+    const showData = (item) => {
+      if (dataFilterKey.value) {
+        if (item[props.labelText].includes(dataFilterKey.value)) {
+          return true;
+        } else {
+          return false;
+        }
+      } else {
+        return true;
+      }
+    };
+    const showValue = (item) => {
+      if (valueFilterKey.value) {
+        if (item[props.labelText].includes(valueFilterKey.value)) {
+          return true;
+        } else {
+          return false;
+        }
+      } else {
+        return true;
+      }
+    };
+    const add = () => {
+      const valueArr = iValue.value ? iValue.value.split(",") : [];
+      const checkedArr = dataChecked.value.split(",");
+      const arr = [...valueArr, ...checkedArr];
+      clearCheck();
+      vue.nextTick(() => {
+        iValue.value = arr.join(",");
+      });
+    };
+    const remove = () => {
+      const valueArr = iValue.value.split(",");
+      const checkedArr = valueChecked.value.split(",");
+      const arr = valueArr.filter((item) => !checkedArr.includes(item));
+      clearCheck();
+      vue.nextTick(() => {
+        iValue.value = arr.join(",");
+      });
+    };
+    const clearCheck = () => {
+      dataChecked.value = "";
+      valueChecked.value = "";
+      dataGlobal.value = false;
+      valueGlobal.value = false;
+    };
+    const selectDataMap = (val, group) => {
+      var _a, _b;
+      const targetGroup = group === "dataGroup" ? dataGroup : valueGroup;
+      if (val) {
+        (_a = targetGroup.value) == null ? void 0 : _a.all();
+      } else {
+        (_b = targetGroup.value) == null ? void 0 : _b.clear();
+      }
+    };
+    const setDataReadonly = (item) => {
+      if (item.disabled) {
+        return true;
+      } else {
+        if (showData(item)) {
+          return false;
+        } else {
+          return true;
+        }
+      }
+    };
+    const setValueReadonly = (item) => {
+      if (item.disabled) {
+        return true;
+      } else {
+        if (showValue(item)) {
+          return false;
+        } else {
+          return true;
+        }
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_to_checkbox = vue.resolveComponent("to-checkbox");
+      const _component_to_input = vue.resolveComponent("to-input");
+      const _component_to_padding = vue.resolveComponent("to-padding");
+      const _component_to_line = vue.resolveComponent("to-line");
+      const _component_to_gap = vue.resolveComponent("to-gap");
+      const _component_to_checkboxes = vue.resolveComponent("to-checkboxes");
+      const _component_to_scroll = vue.resolveComponent("to-scroll");
+      const _component_to_box = vue.resolveComponent("to-box");
+      const _component_to_button = vue.resolveComponent("to-button");
+      const _component_to_grid = vue.resolveComponent("to-grid");
+      const _directive_align = vue.resolveDirective("align");
+      const _directive_color = vue.resolveDirective("color");
+      const _directive_dis = vue.resolveDirective("dis");
+      return vue.openBlock(), vue.createBlock(_component_to_grid, {
+        class: vue.normalizeClass(setClass.value)
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_to_box, {
+            fillet: _ctx.fillet,
+            mode: "line",
+            padding: "0"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("span", { class: "to-strong" }, [
+                vue.createVNode(_component_to_checkbox, {
+                  modelValue: dataGlobal.value,
+                  "onUpdate:modelValue": ($event) => dataGlobal.value = $event,
+                  label: _ctx.leftTitle,
+                  width: "full",
+                  onChange: (val) => {
+                    selectDataMap(val, "dataGroup");
+                  }
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "onChange"])
+              ]),
+              _ctx.filterable ? (vue.openBlock(), vue.createBlock(_component_to_padding, {
+                key: 0,
+                position: "u"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_to_input, {
+                    modelValue: dataFilterKey.value,
+                    "onUpdate:modelValue": ($event) => dataFilterKey.value = $event,
+                    clearable: "",
+                    width: "full",
+                    placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57",
+                    fillet: _ctx.fillet
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "fillet"])
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true),
+              vue.createVNode(_component_to_line, { color: "lightGray" }),
+              vue.createVNode(_component_to_scroll, { height: _ctx.height }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_to_gap, { value: 0.5 }),
+                  dataMap.value && dataMap.value.length > 0 ? (vue.openBlock(), vue.createBlock(_component_to_checkboxes, {
+                    key: 0,
+                    id: "dataGroupCheckboxes",
+                    ref_key: "dataGroup",
+                    ref: dataGroup,
+                    modelValue: dataChecked.value,
+                    "onUpdate:modelValue": ($event) => dataChecked.value = $event
+                  }, {
+                    default: vue.withCtx(() => [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(dataMap.value, (item, index) => {
+                        return vue.withDirectives((vue.openBlock(), vue.createBlock(_component_to_checkbox, {
+                          key: index,
+                          disabled: setDataReadonly(item),
+                          width: "full",
+                          value: item[_ctx.valueText],
+                          label: item[_ctx.labelText]
+                        }, null, 8, ["disabled", "value", "label"])), [
+                          [vue.vShow, showData(item)]
+                        ]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "onUpdate:modelValue"])) : vue.withDirectives((vue.openBlock(), vue.createBlock(_component_to_padding, {
+                    key: 1,
+                    value: "1.5"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("\u65E0\u6570\u636E")
+                    ]),
+                    _: 1
+                  })), [
+                    [_directive_align, "center"],
+                    [_directive_color, "info"]
+                  ]),
+                  vue.createVNode(_component_to_gap, { value: 0.5 })
+                ]),
+                _: 1
+              }, 8, ["height"])
+            ]),
+            _: 1
+          }, 8, ["fillet"]),
+          vue.createElementVNode("div", null, [
+            vue.withDirectives(vue.createVNode(_component_to_button, {
+              icon: "right",
+              mode: "none",
+              color: "primary",
+              fillet: "pill",
+              onClick: add
+            }, null, 512), [
+              [_directive_dis, !dataChecked.value]
+            ]),
+            vue.createVNode(_component_to_gap, { value: 0.5 }),
+            vue.withDirectives(vue.createVNode(_component_to_button, {
+              icon: "left",
+              mode: "none",
+              color: "primary",
+              fillet: "pill",
+              onClick: remove
+            }, null, 512), [
+              [_directive_dis, !valueChecked.value]
+            ])
+          ]),
+          vue.createVNode(_component_to_box, {
+            fillet: _ctx.fillet,
+            mode: "line",
+            padding: "0"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("span", { class: "to-strong" }, [
+                vue.createVNode(_component_to_checkbox, {
+                  modelValue: valueGlobal.value,
+                  "onUpdate:modelValue": ($event) => valueGlobal.value = $event,
+                  label: _ctx.rightTitle,
+                  width: "full",
+                  onChange: (val) => {
+                    selectDataMap(val, "valueGroup");
+                  }
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "onChange"])
+              ]),
+              _ctx.filterable ? (vue.openBlock(), vue.createBlock(_component_to_padding, {
+                key: 0,
+                position: "u"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_to_input, {
+                    modelValue: valueFilterKey.value,
+                    "onUpdate:modelValue": ($event) => valueFilterKey.value = $event,
+                    clearable: "",
+                    width: "full",
+                    placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57",
+                    fillet: _ctx.fillet
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "fillet"])
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true),
+              vue.createVNode(_component_to_line, { color: "lightGray" }),
+              vue.createVNode(_component_to_scroll, { height: _ctx.height }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_to_gap, { value: 0.5 }),
+                  valueMap.value && valueMap.value.length > 0 ? (vue.openBlock(), vue.createBlock(_component_to_checkboxes, {
+                    key: 0,
+                    id: "valueGroupCheckboxes",
+                    ref_key: "valueGroup",
+                    ref: valueGroup,
+                    modelValue: valueChecked.value,
+                    "onUpdate:modelValue": ($event) => valueChecked.value = $event
+                  }, {
+                    default: vue.withCtx(() => [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(valueMap.value, (item, index) => {
+                        return vue.withDirectives((vue.openBlock(), vue.createBlock(_component_to_checkbox, {
+                          key: index,
+                          disabled: setValueReadonly(item),
+                          width: "full",
+                          value: item[_ctx.valueText],
+                          label: item[_ctx.labelText]
+                        }, null, 8, ["disabled", "value", "label"])), [
+                          [vue.vShow, showValue(item)]
+                        ]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "onUpdate:modelValue"])) : vue.withDirectives((vue.openBlock(), vue.createBlock(_component_to_padding, {
+                    key: 1,
+                    value: "1.5"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("\u65E0\u6570\u636E")
+                    ]),
+                    _: 1
+                  })), [
+                    [_directive_align, "center"],
+                    [_directive_color, "info"]
+                  ]),
+                  vue.createVNode(_component_to_gap, { value: 0.5 })
+                ]),
+                _: 1
+              }, 8, ["height"])
+            ]),
+            _: 1
+          }, 8, ["fillet"])
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=transfer.vue2.js.map

package/lib/packages/components/transfer/src/transfer.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transfer.vue2.js","sources":["../../../../../../packages/components/transfer/src/transfer.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToTransfer',\n\tcomponentName: 'ToTransfer',\n});\n</script>\n<template>\n\t<to-grid :class=\"setClass\">\n\t\t<to-box :fillet=\"fillet\" mode=\"line\" padding=\"0\">\n\t\t\t<span class=\"to-strong\"\n\t\t\t\t><to-checkbox\n\t\t\t\t\tv-model=\"dataGlobal\"\n\t\t\t\t\t:label=\"leftTitle\"\n\t\t\t\t\twidth=\"full\"\n\t\t\t\t\t@change=\"\n\t\t\t\t\t\tval => {\n\t\t\t\t\t\t\tselectDataMap(val, 'dataGroup')\n\t\t\t\t\t\t}\n\t\t\t\t\t\"\n\t\t\t\t></to-checkbox\n\t\t\t></span>\n\t\t\t<to-padding v-if=\"filterable\" position=\"u\">\n\t\t\t\t<to-input\n\t\t\t\t\tv-model=\"dataFilterKey\"\n\t\t\t\t\tclearable\n\t\t\t\t\twidth=\"full\"\n\t\t\t\t\tplaceholder=\"请输入关键字\"\n\t\t\t\t\t:fillet=\"fillet\"\n\t\t\t\t></to-input>\n\t\t\t</to-padding>\n\t\t\t<to-line color=\"lightGray\"></to-line>\n\t\t\t<to-scroll :height=\"height\">\n\t\t\t\t<to-gap :value=\"0.5\"></to-gap>\n\t\t\t\t<to-checkboxes\n\t\t\t\t\tv-if=\"dataMap && dataMap.length > 0\"\n\t\t\t\t\tid=\"dataGroupCheckboxes\"\n\t\t\t\t\tref=\"dataGroup\"\n\t\t\t\t\tv-model=\"dataChecked\"\n\t\t\t\t>\n\t\t\t\t\t<to-checkbox\n\t\t\t\t\t\tv-for=\"(item, index) in dataMap\"\n\t\t\t\t\t\tv-show=\"showData(item)\"\n\t\t\t\t\t\t:key=\"index\"\n\t\t\t\t\t\t:disabled=\"setDataReadonly(item)\"\n\t\t\t\t\t\twidth=\"full\"\n\t\t\t\t\t\t:value=\"item[valueText]\"\n\t\t\t\t\t\t:label=\"item[labelText]\"\n\t\t\t\t\t>\n\t\t\t\t\t</to-checkbox>\n\t\t\t\t</to-checkboxes>\n\t\t\t\t<to-padding v-else v-align=\"'center'\" v-color=\"'info'\" value=\"1.5\">无数据</to-padding>\n\t\t\t\t<to-gap :value=\"0.5\"></to-gap>\n\t\t\t</to-scroll>\n\t\t</to-box>\n\t\t<div>\n\t\t\t<to-button\n\t\t\t\tv-dis=\"!dataChecked\"\n\t\t\t\ticon=\"right\"\n\t\t\t\tmode=\"none\"\n\t\t\t\tcolor=\"primary\"\n\t\t\t\tfillet=\"pill\"\n\t\t\t\t@click=\"add\"\n\t\t\t></to-button>\n\t\t\t<to-gap :value=\"0.5\"></to-gap>\n\t\t\t<to-button\n\t\t\t\tv-dis=\"!valueChecked\"\n\t\t\t\ticon=\"left\"\n\t\t\t\tmode=\"none\"\n\t\t\t\tcolor=\"primary\"\n\t\t\t\tfillet=\"pill\"\n\t\t\t\t@click=\"remove\"\n\t\t\t></to-button>\n\t\t</div>\n\t\t<to-box :fillet=\"fillet\" mode=\"line\" padding=\"0\">\n\t\t\t<span class=\"to-strong\"\n\t\t\t\t><to-checkbox\n\t\t\t\t\tv-model=\"valueGlobal\"\n\t\t\t\t\t:label=\"rightTitle\"\n\t\t\t\t\twidth=\"full\"\n\t\t\t\t\t@change=\"\n\t\t\t\t\t\tval => {\n\t\t\t\t\t\t\tselectDataMap(val, 'valueGroup')\n\t\t\t\t\t\t}\n\t\t\t\t\t\"\n\t\t\t\t></to-checkbox\n\t\t\t></span>\n\t\t\t<to-padding v-if=\"filterable\" position=\"u\">\n\t\t\t\t<to-input\n\t\t\t\t\tv-model=\"valueFilterKey\"\n\t\t\t\t\tclearable\n\t\t\t\t\twidth=\"full\"\n\t\t\t\t\tplaceholder=\"请输入关键字\"\n\t\t\t\t\t:fillet=\"fillet\"\n\t\t\t\t></to-input>\n\t\t\t</to-padding>\n\t\t\t<to-line color=\"lightGray\"></to-line>\n\t\t\t<to-scroll :height=\"height\">\n\t\t\t\t<to-gap :value=\"0.5\"></to-gap>\n\t\t\t\t<to-checkboxes\n\t\t\t\t\tv-if=\"valueMap && valueMap.length > 0\"\n\t\t\t\t\tid=\"valueGroupCheckboxes\"\n\t\t\t\t\tref=\"valueGroup\"\n\t\t\t\t\tv-model=\"valueChecked\"\n\t\t\t\t>\n\t\t\t\t\t<to-checkbox\n\t\t\t\t\t\tv-for=\"(item, index) in valueMap\"\n\t\t\t\t\t\tv-show=\"showValue(item)\"\n\t\t\t\t\t\t:key=\"index\"\n\t\t\t\t\t\t:disabled=\"setValueReadonly(item)\"\n\t\t\t\t\t\twidth=\"full\"\n\t\t\t\t\t\t:value=\"item[valueText]\"\n\t\t\t\t\t\t:label=\"item[labelText]\"\n\t\t\t\t\t></to-checkbox>\n\t\t\t\t</to-checkboxes>\n\t\t\t\t<to-padding v-else v-align=\"'center'\" v-color=\"'info'\" value=\"1.5\">无数据</to-padding>\n\t\t\t\t<to-gap :value=\"0.5\"></to-gap>\n\t\t\t</to-scroll>\n\t\t</to-box>\n\t</to-grid>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch, nextTick, onMounted, computed } from 'vue'\nimport type { Ref } from 'vue'\n\n// 定义组件名称\n\n\n// Props 定义\ninterface DataItem {\n\t[key: string]: any\n}\n\ninterface Props {\n\tmode?: string\n\tdata?: DataItem[] | string\n\tleftTitle?: string\n\trightTitle?: string\n\tmodelValue?: string\n\tlabelText?: string\n\tvalueText?: string\n\theight?: string | number\n\torder?: string\n\tfilterable?: boolean\n\tfillet?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n\tmode: 'default',\n\tdata: () => '选项1,选项2,选项3',\n\tleftTitle: '待选',\n\trightTitle: '已选',\n\tmodelValue: '',\n\tlabelText: 'label',\n\tvalueText: 'value',\n\theight: 16,\n\torder: 'push',\n\tfilterable: true,\n\tfillet: 'normal',\n})\n\n// Emits 定义\nconst emit = defineEmits<{\n\t(e: 'update:modelValue', value: string): void\n\t(e: 'change', value: string): void\n}>()\n\n// 响应式数据\nconst iData: Ref<DataItem[]> = ref([])\nconst dataGlobal = ref(false)\nconst dataMap: Ref<DataItem[]> = ref([])\nconst dataChecked = ref('')\nconst dataFilterKey = ref('')\nconst iValue = ref('')\nconst valueGlobal = ref(false)\nconst valueMap: Ref<DataItem[]> = ref([])\nconst valueChecked = ref('')\nconst valueFilterKey = ref('')\n\n// refs\nconst dataGroup = ref<any>(null)\nconst valueGroup = ref<any>(null)\n\nwatch(\n\t() => dataChecked.value,\n\t() => {\n\t\tconsole.log(dataChecked.value, '=== dataChecked.value ===')\n\t}\n)\n\n// 监听器\nwatch(\n\t() => props.data,\n\t() => {\n\t\ttransData()\n\t\tsetData()\n\t},\n\t{ deep: true }\n)\n\nwatch(\n\t() => props.modelValue,\n\tval => {\n\t\tiValue.value = val || ''\n\t},\n\t{ immediate: true }\n)\n\nwatch(iValue, val => {\n\temit('update:modelValue', val)\n\temit('change', val)\n\tsetData()\n})\n\nconst setClass = computed(() => {\n\tconst classes: string[] = []\n\n\tif (props.mode) classes.push(`to-transfer-mode-${props.mode}`)\n\n\treturn classes\n})\n\n// 生命周期\nonMounted(() => {\n\ttransData()\n\tsetData()\n})\n\n// 方法定义\n// 转换 data 格式\nconst transData = () => {\n\tif (typeof props.data === 'string') {\n\t\tif (props.data) {\n\t\t\tconst arr: DataItem[] = []\n\t\t\tprops.data.split(',').map(item => {\n\t\t\t\tarr.push({\n\t\t\t\t\t[props.labelText]: item,\n\t\t\t\t\t[props.valueText]: item,\n\t\t\t\t})\n\t\t\t})\n\t\t\tiData.value = arr\n\t\t} else {\n\t\t\tiData.value = []\n\t\t}\n\t} else {\n\t\tiData.value = JSON.parse(JSON.stringify(props.data))\n\t}\n}\n\n// 设置数据以匹配视图需要\nconst setData = () => {\n\tconst dataMapArr: DataItem[] = []\n\tconst valueMapArr: DataItem[] = []\n\tconst valueArr = iValue.value.split(',')\n\n\t// 直接分发数据\n\tiData.value.map(item => {\n\t\tif (!valueArr.includes(item[props.valueText])) {\n\t\t\tdataMapArr.push(item)\n\t\t} else if (props.order === 'original') {\n\t\t\tvalueMapArr.push(item)\n\t\t}\n\t})\n\n\t// 按堆/栈方式排序选择结果\n\tif (iValue.value && props.order !== 'original') {\n\t\tiValue.value.split(',').map(item => {\n\t\t\tif (!iData.value.find(item2 => item2[props.valueText] === item)) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tif (props.order === 'unshift') {\n\t\t\t\tvalueMapArr.unshift({\n\t\t\t\t\t[props.labelText]: iData.value.find(item2 => item2[props.valueText] === item)[\n\t\t\t\t\t\tprops.labelText\n\t\t\t\t\t],\n\t\t\t\t\t[props.valueText]: item,\n\t\t\t\t\tdisabled: !!iData.value.find(item2 => item2[props.valueText] === item).disabled,\n\t\t\t\t})\n\t\t\t} else {\n\t\t\t\tvalueMapArr.push({\n\t\t\t\t\t[props.labelText]: iData.value.find(item2 => item2[props.valueText] === item)[\n\t\t\t\t\t\tprops.labelText\n\t\t\t\t\t],\n\t\t\t\t\t[props.valueText]: item,\n\t\t\t\t\tdisabled: !!iData.value.find(item2 => item2[props.valueText] === item).disabled,\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\t}\n\n\t// 设置数据\n\tdataMap.value = dataMapArr\n\tvalueMap.value = valueMapArr\n\n\t// 如果 value 中都是不存在的值，把 value 设置为空，这样才能显示无数据提示\n\t// if (valueMap.value.length === 0) {\n\t// \temit('change', '')\n\t// }\n}\n\n// 数据过滤\nconst showData = (item: DataItem) => {\n\tif (dataFilterKey.value) {\n\t\tif (item[props.labelText].includes(dataFilterKey.value)) {\n\t\t\treturn true\n\t\t} else {\n\t\t\treturn false\n\t\t}\n\t} else {\n\t\treturn true\n\t}\n}\n\n// 值过滤\nconst showValue = (item: DataItem) => {\n\tif (valueFilterKey.value) {\n\t\tif (item[props.labelText].includes(valueFilterKey.value)) {\n\t\t\treturn true\n\t\t} else {\n\t\t\treturn false\n\t\t}\n\t} else {\n\t\treturn true\n\t}\n}\n\n// 向右\nconst add = () => {\n\tconst valueArr = iValue.value ? iValue.value.split(',') : []\n\tconst checkedArr = dataChecked.value.split(',')\n\tconst arr = [...valueArr, ...checkedArr]\n\tclearCheck()\n\tnextTick(() => {\n\t\tiValue.value = arr.join(',')\n\t})\n}\n\n// 向左\nconst remove = () => {\n\tconst valueArr = iValue.value.split(',')\n\tconst checkedArr = valueChecked.value.split(',')\n\tconst arr = valueArr.filter(item => !checkedArr.includes(item))\n\tclearCheck()\n\tnextTick(() => {\n\t\tiValue.value = arr.join(',')\n\t})\n}\n\n// 清除选择\nconst clearCheck = () => {\n\tdataChecked.value = ''\n\tvalueChecked.value = ''\n\tdataGlobal.value = false\n\tvalueGlobal.value = false\n}\n\n// 全选/反选\nconst selectDataMap = (val: boolean, group: string) => {\n\tconst targetGroup = group === 'dataGroup' ? dataGroup : valueGroup\n\tif (val) {\n\t\ttargetGroup.value?.all()\n\t} else {\n\t\ttargetGroup.value?.clear()\n\t}\n}\n\n// readonly 设置\nconst setDataReadonly = (item: DataItem) => {\n\tif (item.disabled) {\n\t\treturn true\n\t} else {\n\t\tif (showData(item)) {\n\t\t\treturn false\n\t\t} else {\n\t\t\treturn true\n\t\t}\n\t}\n}\n\nconst setValueReadonly = (item: DataItem) => {\n\tif (item.disabled) {\n\t\treturn true\n\t} else {\n\t\tif (showValue(item)) {\n\t\t\treturn false\n\t\t} else {\n\t\t\treturn true\n\t\t}\n\t}\n}\n</script>\n"],"names":["DO_defineComponent","ref","watch","computed","onMounted","nextTick","_createBlock","_createVNode","fillet","_createElementVNode","leftTitle","filterable","height","_openBlock","_createElementBlock","_Fragment","_renderList","valueText","labelText","_vShow","rightTitle"],"mappings":"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"}

package/lib/packages/components/tree/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var treeItem_vue_vue_type_script_setup_true_lang = require('./src/tree-item.vue2.js');
+var tree_vue_vue_type_script_setup_true_lang = require('./src/tree.vue2.js');
+var types = require('../../utils/types.js');
+
+const ToTree = types.withInstall(tree_vue_vue_type_script_setup_true_lang.default);
+const ToTreeItem = types.withInstall(treeItem_vue_vue_type_script_setup_true_lang.default);
+
+exports.ToTree = ToTree;
+exports.ToTreeItem = ToTreeItem;
+//# sourceMappingURL=index.js.map

package/lib/packages/components/tree/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/tree/index.ts"],"sourcesContent":["import TreeItem from './src/tree-item.vue'\nimport Tree from './src/tree.vue'\nimport { SFCWithInstall, withInstall } from '@touchvue/utils'\n\nexport const ToTree: SFCWithInstall<typeof Tree> = withInstall(Tree)\n\nexport const ToTreeItem: SFCWithInstall<typeof TreeItem> = withInstall(TreeItem)\n\nexport * from './src/instance'\n"],"names":["withInstall","Tree","TreeItem"],"mappings":";;;;;;AAIa,MAAA,MAAA,GAAsCA,kBAAYC,gDAAI,EAAA;AAEtD,MAAA,UAAA,GAA8CD,kBAAYE,oDAAQ;;;;;"}

package/lib/packages/components/tree/src/instance.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=instance.js.map

package/lib/packages/components/tree/src/instance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/packages/components/tree/src/tree-item.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var treeItem_vue_vue_type_script_setup_true_lang = require('./tree-item.vue2.js');
+
+
+
+exports.default = treeItem_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=tree-item.vue.js.map

package/lib/packages/components/tree/src/tree-item.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-item.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/packages/components/tree/src/tree-item.vue2.js

@@ -0,0 +1,150 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../../icon/index.js');
+var index$1 = require('../../checkbox/index.js');
+
+const __default__ = vue.defineComponent({
+  name: "ToTreeItem"
+});
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    node: { default: () => ({ label: "", value: "" }) },
+    itemProps: { default: () => ({
+      mode: "default",
+      expand: false,
+      data: [],
+      toggleLink: false,
+      checkLink: false,
+      checkable: false,
+      selectable: false,
+      checkStrictly: false,
+      accordion: false,
+      childrenText: "children",
+      valueText: "value",
+      labelText: "label"
+    }) },
+    isChild: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const rootTree = vue.inject("RootTree");
+    const props = __props;
+    function handleExpand(node) {
+      rootTree.setPropertyByValue(node[props.itemProps.valueText], !node.isExpand, "isExpand");
+    }
+    function handleCheck(e, node) {
+      rootTree.setPropertyByValue(node[props.itemProps.valueText], e, "checked");
+      rootTree.change(node[props.itemProps.valueText], node);
+      if (!props.itemProps.checkStrictly) {
+        vue.nextTick(() => {
+          rootTree.setCheckByParentAndChild(rootTree.store, node[props.itemProps.valueText], e);
+        });
+      }
+    }
+    function handleItemClick(node) {
+      if (!node.isLeaf && props.itemProps.toggleLink) {
+        rootTree.setPropertyByValue(node[props.itemProps.valueText], !node.isExpand, "isExpand");
+      }
+      if (props.itemProps.checkLink) {
+        rootTree.setPropertyByValue(node[props.itemProps.valueText], !node.checked, "checked");
+        if (!props.itemProps.checkStrictly) {
+          vue.nextTick(() => {
+            rootTree.setCheckByParentAndChild(rootTree.store, node[props.itemProps.valueText], !node.checked);
+          });
+        }
+      }
+      if (props.itemProps.selectable) {
+        resetAllSelect(rootTree.store);
+        setOnlySelect(rootTree.store, node[props.itemProps.valueText]);
+        vue.nextTick(() => {
+          rootTree.change(node[props.itemProps.valueText], node);
+        });
+      }
+      rootTree.itemClick(node);
+    }
+    function resetAllSelect(arr) {
+      arr.forEach((item) => {
+        if (item.isSelect) {
+          item.isSelect = false;
+        } else {
+          if (item[props.itemProps.childrenText] && item[props.itemProps.childrenText].length) {
+            resetAllSelect(item[props.itemProps.childrenText]);
+          }
+        }
+      });
+    }
+    function setOnlySelect(arr, value) {
+      arr.forEach((item) => {
+        if (item[props.itemProps.valueText] === value) {
+          item.isSelect = true;
+        } else {
+          if (item[props.itemProps.childrenText] && item[props.itemProps.childrenText].length) {
+            setOnlySelect(item[props.itemProps.childrenText], value);
+          }
+        }
+      });
+    }
+    return (_ctx, _cache) => {
+      const _component_to_tree_item = vue.resolveComponent("to-tree-item");
+      return vue.openBlock(), vue.createElementBlock("div", { class: "to-tree-item" }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(["to-tree-content", [`level-${_ctx.node.level}`, props.itemProps.toggleLink ? "is-link" : "", _ctx.node.isLeaf ? "is-leaf" : "", _ctx.node.isSelect ? "is-on" : ""]]),
+          onClick: vue.withModifiers(($event) => handleItemClick(_ctx.node), ["stop"])
+        }, [
+          !_ctx.node.isLeaf ? (vue.openBlock(), vue.createBlock(vue.unref(index.ToIcon), {
+            key: 0,
+            class: "to-tree-toggle",
+            link: !props.itemProps.toggleLink,
+            value: _ctx.node.isExpand ? "unfold" : "next",
+            onClick: vue.withModifiers(($event) => handleExpand(_ctx.node), ["stop"])
+          }, null, 8, ["link", "value", "onClick"])) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "default", { node: _ctx.node }, () => [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(["to-tree-label", { "is-link": (props.itemProps.checkLink || props.itemProps.selectable) && !props.itemProps.toggleLink }])
+            }, [
+              _ctx.itemProps.checkable ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ToCheckbox), {
+                key: 0,
+                class: "to-tree-check",
+                "model-value": _ctx.node.checked,
+                "onUpdate:modelValue": (e) => handleCheck(e, _ctx.node)
+              }, null, 8, ["model-value", "onUpdate:modelValue"])) : vue.createCommentVNode("", true),
+              _ctx.node.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index.ToIcon), {
+                key: 1,
+                class: "to-tree-icon",
+                value: _ctx.node.icon
+              }, null, 8, ["value"])) : vue.createCommentVNode("", true),
+              vue.createElementVNode("div", { class: "to-tree-label-text" }, vue.toDisplayString(_ctx.node[_ctx.itemProps.labelText]), 1)
+            ], 2)
+          ])
+        ], 10, ["onClick"]),
+        _ctx.node[_ctx.itemProps.childrenText] && _ctx.node[_ctx.itemProps.childrenText].length && !_ctx.node.isLeaf ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: "to-tree-child",
+          style: vue.normalizeStyle({ height: _ctx.node.isExpand ? "auto" : 0, overflow: "hidden" })
+        }, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.node[_ctx.itemProps.childrenText], (item) => {
+            return vue.openBlock(), vue.createBlock(_component_to_tree_item, {
+              key: item[_ctx.itemProps.valueText],
+              node: item,
+              "item-props": _ctx.itemProps,
+              "is-child": ""
+            }, {
+              default: vue.withCtx((scope) => [
+                vue.renderSlot(_ctx.$slots, "default", {
+                  node: scope.node
+                })
+              ]),
+              _: 2
+            }, 1032, ["node", "item-props"]);
+          }), 128))
+        ], 4)) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=tree-item.vue2.js.map