cnhis-design-vue 3.1.11 → 3.1.12-beta.0

package/es/packages/scale-view/src/components/formitem/r-cascader2.js

@@ -0,0 +1,133 @@
+import { defineComponent, reactive, createVNode, resolveComponent } from 'vue';
+import { NCascader, NEmpty } from 'naive-ui';
+import script from '../LoadingCom2.js';
+
+var RCascader = defineComponent({
+  name: "RCascader",
+  components: {
+    NCascader,
+    NEmpty,
+    LoadingCom: script
+  },
+  props: {
+    form: {
+      type: Object,
+      default: () => {
+      }
+    },
+    item: {
+      type: Object,
+      default: () => {
+      }
+    },
+    isLock: {
+      type: Boolean,
+      default: false
+    },
+    getCascadeOptions: {
+      type: Function,
+      default: () => Promise.resolve([])
+    }
+  },
+  emits: ["scaleChange"],
+  setup(props, context) {
+    let state = reactive({
+      cascaderValue: void 0,
+      curOptions: [],
+      fetching: false
+    });
+    const backshowValue = (list, val) => {
+      if (!list.length || !val || !val.length)
+        return;
+      let i = 0, len = val.length;
+      val[0];
+      let matchList = list;
+      let matchItem;
+      for (; i < len; i++) {
+        let item2 = val[i];
+        if (!matchList.length)
+          return false;
+        matchItem = matchList.find((v) => v.value === item2);
+        if (i === 0 && !matchItem)
+          return false;
+        if (i === len - 1 && !matchItem)
+          return false;
+        if (i === len - 1 && matchItem) {
+          break;
+        }
+        matchList = matchItem.children || [];
+      }
+      if (matchItem) {
+        state.cascaderValue = matchItem.theUniqueKey;
+      }
+    };
+    const handleOptions = (list, parent) => {
+      return list.map((v, i) => {
+        var _a;
+        v.curIndex = i + 1;
+        let level = v.level || 0;
+        v.path = `${v.curIndex}`;
+        if (level && parent) {
+          v.path = `${parent.path}-${v.curIndex}`;
+        }
+        v.theUniqueKey = v.path;
+        if (v.hasOwnProperty("children") && !v.children.length) {
+          delete v.children;
+        }
+        if ((_a = v.children) == null ? void 0 : _a.length) {
+          handleOptions(v.children, v);
+        }
+        return v;
+      });
+    };
+    const handleDef = async (value) => {
+      var _a;
+      if (!value || !Object.keys(value).length)
+        return;
+      let val = JSON.parse(JSON.stringify(value));
+      let defVal = props.form[props.item.val_key];
+      let options = [];
+      if (!((_a = val.targetSource) == null ? void 0 : _a.target_id)) {
+        options = handleOptions(val.options || []);
+        state.curOptions = options;
+        backshowValue(options, defVal);
+        return;
+      }
+      try {
+        state.fetching = true;
+        options = await props.getCascadeOptions(val);
+        state.curOptions = options;
+        backshowValue(options, defVal);
+        state.fetching = false;
+      } catch (err) {
+        state.fetching = false;
+      }
+    };
+    handleDef(props.item);
+    const cascaderChange = (value, options, pathValues) => {
+      let path = pathValues.map((v) => v.value);
+      state.cascaderValue = value;
+      context.emit("scaleChange", path, props.item);
+    };
+    return () => {
+      return createVNode(resolveComponent("n-cascader"), {
+        "value": state.cascaderValue,
+        "onUpdate:value": ($event) => state.cascaderValue = $event,
+        "filterable": true,
+        "clearable": true,
+        "placeholder": "\u8BF7\u9009\u62E9",
+        "check-strategy": "parent",
+        "value-field": "theUniqueKey",
+        "disabled": props.isLock,
+        "options": state.curOptions,
+        "show-path": true,
+        "cascade": false,
+        "on-update:value": cascaderChange
+      }, {
+        empty: () => state.fetching ? createVNode(script, null, null) : createVNode(NEmpty, null, null)
+      });
+    };
+  }
+});
+
+export { RCascader as default };

package/es/packages/scale-view/src/components/formitem/r-checkbox.js

@@ -1,280 +1 @@
-import { defineComponent, reactive, watch, createVNode, resolveComponent, isVNode } from 'vue';
-import { NCheckboxGroup, NCheckbox, NInput, NIcon } from 'naive-ui';
-import { api } from 'v-viewer';
-import { SearchOutline } from '@vicons/ionicons5';
-import vexutils from '../../../../../src/utils/vexutils';
-import chooseCommon from '../composables/choose-common.js';
-
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-var scriptCheckbox = defineComponent({
-  name: "RCheckbox",
-  components: {
-    NCheckboxGroup,
-    NCheckbox,
-    NInput,
-    NIcon
-  },
-  props: {
-    form: {
-      type: Object,
-      default: () => {
-      }
-    },
-    item: {
-      type: Object,
-      default: () => {
-      }
-    },
-    isLock: {
-      type: Boolean,
-      default: false
-    },
-    inputLock: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["scaleChange"],
-  setup(props, context) {
-    var _a, _b;
-    const state = reactive({
-      curCheckboxValue: [],
-      othersText: "",
-      curOptions: [],
-      optionsPreSuffixObj: {}
-    });
-    const {
-      choiceColor,
-      showImgWrap,
-      handleDefPreSuffix,
-      choiceUseKey,
-      isCheckboxItem,
-      showPreSuffix,
-      handleOptions,
-      stopClick
-    } = chooseCommon(props, state);
-    const chooseStyleSetting = ((_b = (_a = props.item) == null ? void 0 : _a.setting) == null ? void 0 : _b.chooseStyleSetting) || 1;
-    const handlePreview = (e, url) => {
-      e.preventDefault();
-      e.stopPropagation();
-      let imgs = state.curOptions.map((v) => v.imageUrl).filter(Boolean);
-      if (!imgs.length)
-        return;
-      let index = imgs.findIndex((v) => v === url);
-      let i = index < 0 ? 0 : index;
-      api({
-        images: imgs,
-        options: {
-          toolbar: true,
-          initialViewIndex: i
-        }
-      });
-    };
-    const handleCheckboxOther = (isOtherInput) => {
-      let choiceObj = {
-        othersText: state.othersText,
-        optionsPreSuffixObj: state.optionsPreSuffixObj
-      };
-      if (isOtherInput && !state.curCheckboxValue.includes("other")) {
-        state.curCheckboxValue.push("other");
-      }
-      let curCheckboxValue = JSON.parse(JSON.stringify(state.curCheckboxValue));
-      context.emit("scaleChange", curCheckboxValue, props.item, {
-        choiceObj,
-        isSetObj: isCheckboxItem.value
-      });
-    };
-    const handleCheckboxDefModal = (item, curValue, options) => {
-      var _a2;
-      state.curOptions = handleOptions(options);
-      if (!options.length || !curValue || !curValue.length)
-        return;
-      let resArr = [];
-      let i = 0, x, len = curValue.length;
-      for (; i < len; i++) {
-        x = curValue[i];
-        if (x === "\u5176\u4ED6") {
-          state.othersText = x;
-          state.curCheckboxValue = ["other"];
-          !resArr.includes("other") && resArr.push("other");
-          continue;
-        }
-        let matchIndex = options.findIndex((v) => v.value === x);
-        if (matchIndex < 0) {
-          state.othersText = x;
-          !resArr.includes("other") && resArr.push("other");
-          continue;
-        }
-        let res = (_a2 = options[matchIndex]) == null ? void 0 : _a2.key;
-        if (resArr.indexOf(res) < 0) {
-          resArr.push(res);
-        }
-      }
-      state.curCheckboxValue = resArr;
-      handleCheckboxOther();
-    };
-    const handleCheckboxDef = (item, curValue, options) => {
-      var _a2;
-      state.curOptions = handleOptions(options);
-      if (!options.length || !curValue || !curValue.length)
-        return;
-      if (item.type === "EVALUATE_CHECKBOX_BLOCK") {
-        state.curCheckboxValue = curValue;
-        handleCheckboxOther();
-        return;
-      }
-      let resArr = [], i = 0, x, len = curValue.length;
-      let hasOther = options.some((v) => v.importability || v.key === "other");
-      for (; i < len; i++) {
-        x = curValue[i];
-        if (x === "\u5176\u4ED6") {
-          state.othersText = x;
-          state.curCheckboxValue = ["other"];
-          !resArr.includes("other") && resArr.push("other");
-          continue;
-        }
-        let matchIndex = options.findIndex((v) => v.value === x);
-        if (matchIndex > 0) {
-          let res = (_a2 = options[matchIndex]) == null ? void 0 : _a2.key;
-          !resArr.includes(res) && resArr.push(res);
-          continue;
-        }
-        options.map((v) => {
-          let res = handleDefPreSuffix(v, i, x, true, hasOther);
-          res && !resArr.includes(res) && resArr.push(res);
-        });
-      }
-      state.curCheckboxValue = resArr;
-      handleCheckboxOther();
-    };
-    const handleDef = (value) => {
-      var _a2, _b2;
-      let options = value.options || [];
-      let valueDef = props.form[props.item.val_key];
-      let defaultValue = (_a2 = value == null ? void 0 : value.setting) == null ? void 0 : _a2.defaultValue;
-      if (props.item.type === "EVALUATE_CHECKBOX_BLOCK") {
-        options = ((_b2 = value.scoreConfigs) == null ? void 0 : _b2.scoreRules) || [];
-      }
-      let defVal = [];
-      if (defaultValue && vexutils.isJSON(defaultValue)) {
-        defVal = JSON.parse(defaultValue);
-      } else {
-        defVal = valueDef;
-      }
-      if (props.inputLock) {
-        handleCheckboxDefModal(value, value.dbValue || defVal, options);
-      } else {
-        handleCheckboxDef(value, value.dbValue || defVal, options);
-      }
-    };
-    watch(() => props.item, (value) => {
-      if (!value || !Object.keys(value).length)
-        return;
-      handleDef(value);
-    }, {
-      immediate: true
-    });
-    const inputPreSuffixCheckboxChange = (o, i) => {
-      let choiceObj = {
-        othersText: state.othersText,
-        optionsPreSuffixObj: state.optionsPreSuffixObj
-      };
-      if (!state.curCheckboxValue.includes(o.key)) {
-        state.curCheckboxValue.push(o.key);
-      }
-      let curCheckboxValue = JSON.parse(JSON.stringify(state.curCheckboxValue));
-      context.emit("scaleChange", curCheckboxValue, props.item, {
-        choiceObj,
-        isSetObj: isCheckboxItem.value
-      });
-    };
-    const renderImg = (o, i) => {
-      return createVNode("span", {
-        "class": "scale-choice-img-wrap"
-      }, [createVNode("img", {
-        "class": "show-picture",
-        "src": o.imageUrl
-      }, null), createVNode("div", {
-        "class": "scale-preview-wrap"
-      }, [createVNode(NIcon, {
-        "size": "24",
-        "color": "#fff",
-        "component": SearchOutline,
-        "onClick": (e) => handlePreview(e, o.imageUrl)
-      }, null)])]);
-    };
-    const renderPresuffix = (o, i) => {
-      return createVNode("div", {
-        "class": "presuffix-wrap",
-        "onClick": stopClick
-      }, [o.prefix && createVNode("span", {
-        "class": "prefix-span",
-        "style": {
-          color: choiceColor.value(o)
-        }
-      }, [o.prefix]), createVNode(resolveComponent("n-input"), {
-        "value": state.optionsPreSuffixObj[o.key],
-        "onUpdate:value": ($event) => state.optionsPreSuffixObj[o.key] = $event,
-        "disabled": props.isLock || props.inputLock,
-        "style": {
-          color: choiceColor.value(o)
-        },
-        "placeholder": "\u8BF7\u8F93\u5165",
-        "bordered": false,
-        "onInput": () => inputPreSuffixCheckboxChange(o)
-      }, null), o.suffix && createVNode("span", {
-        "class": "suffix-span",
-        "style": {
-          color: choiceColor.value(o)
-        }
-      }, [o.suffix])]);
-    };
-    const renderDefault = (o) => {
-      return createVNode("span", {
-        "style": {
-          color: choiceColor.value(o)
-        },
-        "class": "other-span"
-      }, [o.label]);
-    };
-    const renderOther = (o) => {
-      return createVNode("div", {
-        "class": "choose-other",
-        "onClick": stopClick
-      }, [createVNode(resolveComponent("n-input"), {
-        "value": state.othersText,
-        "onUpdate:value": [($event) => state.othersText = $event, () => handleCheckboxOther(true)],
-        "disabled": props.isLock || props.inputLock,
-        "style": {
-          color: choiceColor.value(o)
-        },
-        "placeholder": "\u8BF7\u8F93\u5165",
-        "bordered": false
-      }, null)]);
-    };
-    const hasPreSuffix = (o) => {
-      return isCheckboxItem.value && showPreSuffix.value(o);
-    };
-    let opKey = choiceUseKey.value;
-    return () => {
-      let _slot;
-      return createVNode(NCheckboxGroup, {
-        "value": state.curCheckboxValue,
-        "onUpdate:value": [($event) => state.curCheckboxValue = $event, () => handleCheckboxOther(false)],
-        "class": ["c-choice-wrap", "choice-wrap-" + chooseStyleSetting],
-        "disabled": props.isLock
-      }, _isSlot(_slot = state.curOptions.map((o, i) => createVNode(resolveComponent("n-checkbox"), {
-        "key": o.value,
-        "value": o[opKey]
-      }, {
-        default: () => [showImgWrap.value(o) && renderImg(o), hasPreSuffix(o) && renderPresuffix(o), !hasPreSuffix(o) && renderDefault(o), o.importability && renderOther(o)]
-      }))) ? _slot : {
-        default: () => [_slot]
-      });
-    };
-  }
-});
-
-export { scriptCheckbox as default };
+export { default } from './r-checkbox2.js';

package/es/packages/scale-view/src/components/formitem/r-checkbox2.js

@@ -0,0 +1,280 @@
+import { defineComponent, reactive, watch, createVNode, resolveComponent, isVNode } from 'vue';
+import { NCheckboxGroup, NCheckbox, NInput, NIcon } from 'naive-ui';
+import { api } from 'v-viewer';
+import { SearchOutline } from '@vicons/ionicons5';
+import vexutils from '../../../../../src/utils/vexutils';
+import chooseCommon from '../composables/choose-common2.js';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var scriptCheckbox = defineComponent({
+  name: "RCheckbox",
+  components: {
+    NCheckboxGroup,
+    NCheckbox,
+    NInput,
+    NIcon
+  },
+  props: {
+    form: {
+      type: Object,
+      default: () => {
+      }
+    },
+    item: {
+      type: Object,
+      default: () => {
+      }
+    },
+    isLock: {
+      type: Boolean,
+      default: false
+    },
+    inputLock: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["scaleChange"],
+  setup(props, context) {
+    var _a, _b;
+    const state = reactive({
+      curCheckboxValue: [],
+      othersText: "",
+      curOptions: [],
+      optionsPreSuffixObj: {}
+    });
+    const {
+      choiceColor,
+      showImgWrap,
+      handleDefPreSuffix,
+      choiceUseKey,
+      isCheckboxItem,
+      showPreSuffix,
+      handleOptions,
+      stopClick
+    } = chooseCommon(props, state);
+    const chooseStyleSetting = ((_b = (_a = props.item) == null ? void 0 : _a.setting) == null ? void 0 : _b.chooseStyleSetting) || 1;
+    const handlePreview = (e, url) => {
+      e.preventDefault();
+      e.stopPropagation();
+      let imgs = state.curOptions.map((v) => v.imageUrl).filter(Boolean);
+      if (!imgs.length)
+        return;
+      let index = imgs.findIndex((v) => v === url);
+      let i = index < 0 ? 0 : index;
+      api({
+        images: imgs,
+        options: {
+          toolbar: true,
+          initialViewIndex: i
+        }
+      });
+    };
+    const handleCheckboxOther = (isOtherInput) => {
+      let choiceObj = {
+        othersText: state.othersText,
+        optionsPreSuffixObj: state.optionsPreSuffixObj
+      };
+      if (isOtherInput && !state.curCheckboxValue.includes("other")) {
+        state.curCheckboxValue.push("other");
+      }
+      let curCheckboxValue = JSON.parse(JSON.stringify(state.curCheckboxValue));
+      context.emit("scaleChange", curCheckboxValue, props.item, {
+        choiceObj,
+        isSetObj: isCheckboxItem.value
+      });
+    };
+    const handleCheckboxDefModal = (item, curValue, options) => {
+      var _a2;
+      state.curOptions = handleOptions(options);
+      if (!options.length || !curValue || !curValue.length)
+        return;
+      let resArr = [];
+      let i = 0, x, len = curValue.length;
+      for (; i < len; i++) {
+        x = curValue[i];
+        if (x === "\u5176\u4ED6") {
+          state.othersText = x;
+          state.curCheckboxValue = ["other"];
+          !resArr.includes("other") && resArr.push("other");
+          continue;
+        }
+        let matchIndex = options.findIndex((v) => v.value === x);
+        if (matchIndex < 0) {
+          state.othersText = x;
+          !resArr.includes("other") && resArr.push("other");
+          continue;
+        }
+        let res = (_a2 = options[matchIndex]) == null ? void 0 : _a2.key;
+        if (resArr.indexOf(res) < 0) {
+          resArr.push(res);
+        }
+      }
+      state.curCheckboxValue = resArr;
+      handleCheckboxOther();
+    };
+    const handleCheckboxDef = (item, curValue, options) => {
+      var _a2;
+      state.curOptions = handleOptions(options);
+      if (!options.length || !curValue || !curValue.length)
+        return;
+      if (item.type === "EVALUATE_CHECKBOX_BLOCK") {
+        state.curCheckboxValue = curValue;
+        handleCheckboxOther();
+        return;
+      }
+      let resArr = [], i = 0, x, len = curValue.length;
+      let hasOther = options.some((v) => v.importability || v.key === "other");
+      for (; i < len; i++) {
+        x = curValue[i];
+        if (x === "\u5176\u4ED6") {
+          state.othersText = x;
+          state.curCheckboxValue = ["other"];
+          !resArr.includes("other") && resArr.push("other");
+          continue;
+        }
+        let matchIndex = options.findIndex((v) => v.value === x);
+        if (matchIndex > 0) {
+          let res = (_a2 = options[matchIndex]) == null ? void 0 : _a2.key;
+          !resArr.includes(res) && resArr.push(res);
+          continue;
+        }
+        options.map((v) => {
+          let res = handleDefPreSuffix(v, i, x, true, hasOther);
+          res && !resArr.includes(res) && resArr.push(res);
+        });
+      }
+      state.curCheckboxValue = resArr;
+      handleCheckboxOther();
+    };
+    const handleDef = (value) => {
+      var _a2, _b2;
+      let options = value.options || [];
+      let valueDef = props.form[props.item.val_key];
+      let defaultValue = (_a2 = value == null ? void 0 : value.setting) == null ? void 0 : _a2.defaultValue;
+      if (props.item.type === "EVALUATE_CHECKBOX_BLOCK") {
+        options = ((_b2 = value.scoreConfigs) == null ? void 0 : _b2.scoreRules) || [];
+      }
+      let defVal = [];
+      if (defaultValue && vexutils.isJSON(defaultValue)) {
+        defVal = JSON.parse(defaultValue);
+      } else {
+        defVal = valueDef;
+      }
+      if (props.inputLock) {
+        handleCheckboxDefModal(value, value.dbValue || defVal, options);
+      } else {
+        handleCheckboxDef(value, value.dbValue || defVal, options);
+      }
+    };
+    watch(() => props.item, (value) => {
+      if (!value || !Object.keys(value).length)
+        return;
+      handleDef(value);
+    }, {
+      immediate: true
+    });
+    const inputPreSuffixCheckboxChange = (o, i) => {
+      let choiceObj = {
+        othersText: state.othersText,
+        optionsPreSuffixObj: state.optionsPreSuffixObj
+      };
+      if (!state.curCheckboxValue.includes(o.key)) {
+        state.curCheckboxValue.push(o.key);
+      }
+      let curCheckboxValue = JSON.parse(JSON.stringify(state.curCheckboxValue));
+      context.emit("scaleChange", curCheckboxValue, props.item, {
+        choiceObj,
+        isSetObj: isCheckboxItem.value
+      });
+    };
+    const renderImg = (o, i) => {
+      return createVNode("span", {
+        "class": "scale-choice-img-wrap"
+      }, [createVNode("img", {
+        "class": "show-picture",
+        "src": o.imageUrl
+      }, null), createVNode("div", {
+        "class": "scale-preview-wrap"
+      }, [createVNode(NIcon, {
+        "size": "24",
+        "color": "#fff",
+        "component": SearchOutline,
+        "onClick": (e) => handlePreview(e, o.imageUrl)
+      }, null)])]);
+    };
+    const renderPresuffix = (o, i) => {
+      return createVNode("div", {
+        "class": "presuffix-wrap",
+        "onClick": stopClick
+      }, [o.prefix && createVNode("span", {
+        "class": "prefix-span",
+        "style": {
+          color: choiceColor.value(o)
+        }
+      }, [o.prefix]), createVNode(resolveComponent("n-input"), {
+        "value": state.optionsPreSuffixObj[o.key],
+        "onUpdate:value": ($event) => state.optionsPreSuffixObj[o.key] = $event,
+        "disabled": props.isLock || props.inputLock,
+        "style": {
+          color: choiceColor.value(o)
+        },
+        "placeholder": "\u8BF7\u8F93\u5165",
+        "bordered": false,
+        "onInput": () => inputPreSuffixCheckboxChange(o)
+      }, null), o.suffix && createVNode("span", {
+        "class": "suffix-span",
+        "style": {
+          color: choiceColor.value(o)
+        }
+      }, [o.suffix])]);
+    };
+    const renderDefault = (o) => {
+      return createVNode("span", {
+        "style": {
+          color: choiceColor.value(o)
+        },
+        "class": "other-span"
+      }, [o.label]);
+    };
+    const renderOther = (o) => {
+      return createVNode("div", {
+        "class": "choose-other",
+        "onClick": stopClick
+      }, [createVNode(resolveComponent("n-input"), {
+        "value": state.othersText,
+        "onUpdate:value": [($event) => state.othersText = $event, () => handleCheckboxOther(true)],
+        "disabled": props.isLock || props.inputLock,
+        "style": {
+          color: choiceColor.value(o)
+        },
+        "placeholder": "\u8BF7\u8F93\u5165",
+        "bordered": false
+      }, null)]);
+    };
+    const hasPreSuffix = (o) => {
+      return isCheckboxItem.value && showPreSuffix.value(o);
+    };
+    let opKey = choiceUseKey.value;
+    return () => {
+      let _slot;
+      return createVNode(NCheckboxGroup, {
+        "value": state.curCheckboxValue,
+        "onUpdate:value": [($event) => state.curCheckboxValue = $event, () => handleCheckboxOther(false)],
+        "class": ["c-choice-wrap", "choice-wrap-" + chooseStyleSetting],
+        "disabled": props.isLock
+      }, _isSlot(_slot = state.curOptions.map((o, i) => createVNode(resolveComponent("n-checkbox"), {
+        "key": o.value,
+        "value": o[opKey]
+      }, {
+        default: () => [showImgWrap.value(o) && renderImg(o), hasPreSuffix(o) && renderPresuffix(o), !hasPreSuffix(o) && renderDefault(o), o.importability && renderOther(o)]
+      }))) ? _slot : {
+        default: () => [_slot]
+      });
+    };
+  }
+});
+
+export { scriptCheckbox as default };