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

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

@@ -0,0 +1,240 @@
+import { defineComponent, reactive, watch, createVNode, resolveComponent, isVNode } from 'vue';
+import { NRadioGroup, NRadio, NInput, NIcon } from 'naive-ui';
+import { api } from 'v-viewer';
+import { SearchOutline } from '@vicons/ionicons5';
+import chooseCommon from '../composables/choose-common2.js';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var scriptRadio = defineComponent({
+  name: "RRadio",
+  components: {
+    NRadioGroup,
+    NRadio,
+    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({
+      curvalue: "",
+      othersText: "",
+      curOptions: [],
+      optionsPreSuffixObj: {}
+    });
+    const {
+      choiceColor,
+      showImgWrap,
+      handleDefPreSuffix,
+      choiceUseKey,
+      isRadioItem,
+      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 handleRadioDef = (item, curValue, options) => {
+      state.curOptions = handleOptions(options);
+      if (!options.length || !curValue)
+        return;
+      if (item.type === "EVALUATE_RADIO_BLOCK") {
+        state.curvalue = curValue;
+        radioChange();
+        return;
+      }
+      let hasOther = options.find((v) => v.value === curValue);
+      if (hasOther) {
+        state.curvalue = hasOther.key;
+        radioChange();
+        return;
+      }
+      let preSuffixItem = options.find((v, i) => {
+        let res = handleDefPreSuffix(v, i, curValue);
+        if (res) {
+          state.curvalue = res;
+        }
+        return !!res || false;
+      });
+      if (!preSuffixItem) {
+        state.othersText = curValue;
+        state.curvalue = "other";
+      }
+      radioChange();
+    };
+    const handleDef = (value) => {
+      var _a2;
+      let options = value.options || [];
+      let valueDef = props.form[props.item.val_key];
+      if (props.item.type === "EVALUATE_RADIO_BLOCK") {
+        options = ((_a2 = value.scoreConfigs) == null ? void 0 : _a2.scoreRules) || [];
+      }
+      const defVal = value.dbValue || value.setting.defaultValue || valueDef;
+      handleRadioDef(value, defVal, options);
+    };
+    const radioChange = () => {
+      let choiceObj = {
+        othersText: state.othersText,
+        optionsPreSuffixObj: state.optionsPreSuffixObj
+      };
+      context.emit("scaleChange", state.curvalue, props.item, {
+        choiceObj,
+        isSetObj: isRadioItem.value
+      });
+    };
+    watch(() => props.item, (value) => {
+      if (!value || !Object.keys(value).length)
+        return;
+      handleDef(value);
+    }, {
+      immediate: true
+    });
+    const inputPreSuffixChange = (val, o, i) => {
+      state.optionsPreSuffixObj[o.key] = val;
+      state.curvalue = o.key;
+      let choiceObj = {
+        othersText: state.othersText,
+        optionsPreSuffixObj: state.optionsPreSuffixObj
+      };
+      console.log(state.optionsPreSuffixObj);
+      context.emit("scaleChange", state.curvalue, props.item, {
+        choiceObj,
+        isSetObj: isRadioItem.value
+      });
+    };
+    const inputChange = () => {
+      let choiceObj = {
+        othersText: state.othersText,
+        optionsPreSuffixObj: state.optionsPreSuffixObj
+      };
+      state.curvalue = "other";
+      context.emit("scaleChange", "other", props.item, {
+        choiceObj,
+        isSetObj: isRadioItem.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,
+        "on-update:value": (val) => inputPreSuffixChange(val, 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, inputChange],
+        "disabled": props.isLock || props.inputLock,
+        "style": {
+          color: choiceColor.value(o)
+        },
+        "placeholder": "\u8BF7\u8F93\u5165",
+        "bordered": false
+      }, null)]);
+    };
+    const hasPreSuffix = (o) => {
+      return isRadioItem.value && showPreSuffix.value(o);
+    };
+    let opKey = choiceUseKey.value;
+    return () => {
+      let _slot;
+      return createVNode(NRadioGroup, {
+        "value": state.curvalue,
+        "onUpdate:value": [($event) => state.curvalue = $event, radioChange],
+        "class": ["c-choice-wrap", "choice-wrap-" + chooseStyleSetting],
+        "disabled": props.isLock
+      }, _isSlot(_slot = state.curOptions.map((o, i) => createVNode(resolveComponent("n-radio"), {
+        "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 { scriptRadio as default };

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

@@ -1,148 +1 @@
-import { defineComponent, reactive, computed, watch, createVNode, resolveComponent } from 'vue';
-import { NSelect, NEmpty } from 'naive-ui';
-import script from '../LoadingCom.js';
-
-var scriptSelect = defineComponent({
-  name: "RSelect",
-  components: {
-    NSelect,
-    NEmpty,
-    LoadingCom: script
-  },
-  props: {
-    form: {
-      type: Object,
-      default: () => {
-      }
-    },
-    item: {
-      type: Object,
-      default: () => {
-      }
-    },
-    isLock: {
-      type: Boolean,
-      default: false
-    },
-    getSelectOptions: {
-      type: Function,
-      default: () => Promise.resolve([])
-    },
-    getSearchOptions: {
-      type: Function,
-      default: () => Promise.resolve([])
-    },
-    openType: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["scaleChange"],
-  setup(props, context) {
-    const state = reactive({
-      choiceValue: [],
-      selectParams: {
-        tableType: "TABLE_LIST",
-        pageSize: 20,
-        page: 1
-      },
-      cloneItem: {},
-      columnName: "",
-      showField: "",
-      curOptions: [],
-      fieldList: [],
-      buttonList: [],
-      fetching: false
-    });
-    props.openType == "formIframe";
-    const isMultiple = computed(() => {
-      var _a, _b;
-      return !!((_b = (_a = props.item) == null ? void 0 : _a.setting) == null ? void 0 : _b.isMultiple);
-    });
-    const initSelectOptions = async () => {
-      const {
-        targetSource,
-        type,
-        options = [],
-        optionType = 1
-      } = state.cloneItem;
-      state.showField = "label";
-      if (!(targetSource == null ? void 0 : targetSource.target_id))
-        return;
-      if (options.length || optionType == 3) {
-        state.curOptions = options;
-        return;
-      }
-      try {
-        state.fetching = true;
-        state.curOptions = await props.getSelectOptions(state.cloneItem);
-        state.fetching = false;
-        state.columnName = targetSource == null ? void 0 : targetSource.values;
-        state.showField = (targetSource == null ? void 0 : targetSource.showField) || (targetSource == null ? void 0 : targetSource.values);
-      } catch (err) {
-        state.fetching = false;
-      }
-    };
-    const handleDef = (value) => {
-      var _a;
-      state.cloneItem = JSON.parse(JSON.stringify(value));
-      let options = state.cloneItem.options || [];
-      if (value.type === "EVALUATE_SELECT") {
-        options = ((_a = state.cloneItem.scoreConfigs) == null ? void 0 : _a.scoreRules) || [];
-      }
-      state.curOptions = options;
-      initSelectOptions();
-    };
-    const handleSelectChange = (value) => {
-      let res = {
-        value: "",
-        list: []
-      };
-      let matchItem;
-      if (!value || !Array.isArray(value)) {
-        res.value = value;
-        matchItem = addItem(value);
-        matchItem && res.list.push(matchItem);
-        context.emit("scaleChange", res, props.item, res);
-        return;
-      }
-      res.value = value;
-      if (!value.length) {
-        res.list = [];
-        context.emit("scaleChange", res, props.item, res);
-        return;
-      }
-      value.forEach((item) => {
-        matchItem = addItem(item);
-        matchItem && res.list.push(matchItem);
-      });
-      context.emit("scaleChange", res, props.item, res);
-    };
-    const addItem = (item) => {
-      return state.curOptions.find((v) => v.value === item);
-    };
-    watch(() => props.item, (value) => {
-      if (!value || !Object.keys(value).length)
-        return;
-      handleDef(value);
-    }, {
-      immediate: true
-    });
-    return () => {
-      return createVNode(resolveComponent("n-select"), {
-        "value": props.form[props.item.val_key],
-        "onUpdate:value": [($event) => props.form[props.item.val_key] = $event, handleSelectChange],
-        "filterable": true,
-        "placeholder": "\u8BF7\u9009\u62E9",
-        "multiple": isMultiple.value,
-        "disabled": props.isLock,
-        "loading": state.fetching,
-        "options": state.curOptions
-      }, {
-        empty: () => state.fetching ? createVNode(script, null, null) : createVNode(NEmpty, null, null)
-      });
-    };
-  }
-});
-
-export { scriptSelect as default };
+export { default } from './r-select2.js';

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

@@ -0,0 +1,148 @@
+import { defineComponent, reactive, computed, watch, createVNode, resolveComponent } from 'vue';
+import { NSelect, NEmpty } from 'naive-ui';
+import script from '../LoadingCom2.js';
+
+var scriptSelect = defineComponent({
+  name: "RSelect",
+  components: {
+    NSelect,
+    NEmpty,
+    LoadingCom: script
+  },
+  props: {
+    form: {
+      type: Object,
+      default: () => {
+      }
+    },
+    item: {
+      type: Object,
+      default: () => {
+      }
+    },
+    isLock: {
+      type: Boolean,
+      default: false
+    },
+    getSelectOptions: {
+      type: Function,
+      default: () => Promise.resolve([])
+    },
+    getSearchOptions: {
+      type: Function,
+      default: () => Promise.resolve([])
+    },
+    openType: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["scaleChange"],
+  setup(props, context) {
+    const state = reactive({
+      choiceValue: [],
+      selectParams: {
+        tableType: "TABLE_LIST",
+        pageSize: 20,
+        page: 1
+      },
+      cloneItem: {},
+      columnName: "",
+      showField: "",
+      curOptions: [],
+      fieldList: [],
+      buttonList: [],
+      fetching: false
+    });
+    props.openType == "formIframe";
+    const isMultiple = computed(() => {
+      var _a, _b;
+      return !!((_b = (_a = props.item) == null ? void 0 : _a.setting) == null ? void 0 : _b.isMultiple);
+    });
+    const initSelectOptions = async () => {
+      const {
+        targetSource,
+        type,
+        options = [],
+        optionType = 1
+      } = state.cloneItem;
+      state.showField = "label";
+      if (!(targetSource == null ? void 0 : targetSource.target_id))
+        return;
+      if (options.length || optionType == 3) {
+        state.curOptions = options;
+        return;
+      }
+      try {
+        state.fetching = true;
+        state.curOptions = await props.getSelectOptions(state.cloneItem);
+        state.fetching = false;
+        state.columnName = targetSource == null ? void 0 : targetSource.values;
+        state.showField = (targetSource == null ? void 0 : targetSource.showField) || (targetSource == null ? void 0 : targetSource.values);
+      } catch (err) {
+        state.fetching = false;
+      }
+    };
+    const handleDef = (value) => {
+      var _a;
+      state.cloneItem = JSON.parse(JSON.stringify(value));
+      let options = state.cloneItem.options || [];
+      if (value.type === "EVALUATE_SELECT") {
+        options = ((_a = state.cloneItem.scoreConfigs) == null ? void 0 : _a.scoreRules) || [];
+      }
+      state.curOptions = options;
+      initSelectOptions();
+    };
+    const handleSelectChange = (value) => {
+      let res = {
+        value: "",
+        list: []
+      };
+      let matchItem;
+      if (!value || !Array.isArray(value)) {
+        res.value = value;
+        matchItem = addItem(value);
+        matchItem && res.list.push(matchItem);
+        context.emit("scaleChange", res, props.item, res);
+        return;
+      }
+      res.value = value;
+      if (!value.length) {
+        res.list = [];
+        context.emit("scaleChange", res, props.item, res);
+        return;
+      }
+      value.forEach((item) => {
+        matchItem = addItem(item);
+        matchItem && res.list.push(matchItem);
+      });
+      context.emit("scaleChange", res, props.item, res);
+    };
+    const addItem = (item) => {
+      return state.curOptions.find((v) => v.value === item);
+    };
+    watch(() => props.item, (value) => {
+      if (!value || !Object.keys(value).length)
+        return;
+      handleDef(value);
+    }, {
+      immediate: true
+    });
+    return () => {
+      return createVNode(resolveComponent("n-select"), {
+        "value": props.form[props.item.val_key],
+        "onUpdate:value": [($event) => props.form[props.item.val_key] = $event, handleSelectChange],
+        "filterable": true,
+        "placeholder": "\u8BF7\u9009\u62E9",
+        "multiple": isMultiple.value,
+        "disabled": props.isLock,
+        "loading": state.fetching,
+        "options": state.curOptions
+      }, {
+        empty: () => state.fetching ? createVNode(script, null, null) : createVNode(NEmpty, null, null)
+      });
+    };
+  }
+});
+
+export { scriptSelect as default };