@ibiz-template/vue3-components 0.4.8-dev.0 → 0.4.9

package/lib/editor/slider/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var ibizSlider = require('./ibiz-slider/ibiz-slider.cjs');
+var sliderEditor_controller = require('./slider-editor.controller.cjs');
+var sliderEditor_provider = require('./slider-editor.provider.cjs');
+
+"use strict";
+
+exports.IBizSlider = ibizSlider.IBizSlider;
+exports.SliderEditorController = sliderEditor_controller.SliderEditorController;
+exports.SliderEditorProvider = sliderEditor_provider.SliderEditorProvider;

package/lib/editor/slider/slider-editor.controller.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class SliderEditorController extends runtime.EditorController {
+  async onInit() {
+    super.onInit();
+    if (this.model.precision) {
+      ibiz.log.warn("\u6ED1\u52A8\u8F93\u5165\u6761\u4E0D\u652F\u6301\u914D\u7F6E\u7CBE\u5EA6");
+    }
+  }
+}
+
+exports.SliderEditorController = SliderEditorController;

package/lib/editor/slider/slider-editor.provider.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var sliderEditor_controller = require('./slider-editor.controller.cjs');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class SliderEditorProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizSlider");
+    __publicField(this, "gridEditor", "IBizSlider");
+  }
+  async createController(editorModel, parentController) {
+    const c = new sliderEditor_controller.SliderEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+exports.SliderEditorProvider = SliderEditorProvider;

package/lib/editor/span/index.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var span = require('./span/span.cjs');
+var spanLink = require('./span-link/span-link.cjs');
+var spanEditor_controller = require('./span-editor.controller.cjs');
+var spanEditor_provider = require('./span-editor.provider.cjs');
+
+"use strict";
+
+exports.IBizSpan = span.IBizSpan;
+exports.IBizSpanLink = spanLink.IBizSpanLink;
+exports.SpanEditorController = spanEditor_controller.SpanEditorController;
+exports.SpanEditorProvider = spanEditor_provider.SpanEditorProvider;

package/lib/editor/span/span/span.cjs

@@ -0,0 +1,132 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./span.css');
+var ramda = require('ramda');
+var core = require('@ibiz-template/core');
+var dayjs = require('dayjs');
+var customParseFormat = require('../../../node_modules/.pnpm/dayjs@1.11.10/node_modules/dayjs/plugin/customParseFormat.cjs');
+
+"use strict";
+dayjs.extend(customParseFormat.default);
+function isValidDateFormat(dateStr, format) {
+  if (dateStr === format) {
+    return false;
+  }
+  return dayjs(dateStr, format, true).isValid();
+}
+const IBizSpan = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizSpan",
+  props: vue3Util.getSpanProps(),
+  setup(props, {
+    emit
+  }) {
+    var _a;
+    const ns = vue3Util.useNamespace("span");
+    const c = props.controller;
+    const text = vue.ref("");
+    const codeList = c.codeList;
+    const textSeparator = c.model.textSeparator || ((_a = c.editorParams) == null ? void 0 : _a.TEXTSEPARATOR) || ",";
+    vue.watch(() => props.value, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        if (ramda.isNil(newVal)) {
+          text.value = "";
+          return;
+        }
+        const {
+          valueFormat,
+          dataType,
+          unitName
+        } = c.parent;
+        if (c.model.valueType === "SIMPLES") {
+          text.value = newVal.join(textSeparator);
+        } else if (c.model.valueType === "OBJECT") {
+          text.value = newVal[c.model.objectNameField ? c.model.objectNameField : "srfmajortext"];
+        } else if (c.model.valueType === "OBJECTS") {
+          const tempValue = [];
+          newVal.forEach((_item) => {
+            tempValue.push(_item[c.model.objectNameField ? c.model.objectNameField : "srfmajortext"]);
+          });
+          text.value = tempValue.join(textSeparator);
+        } else if (c.model.editorType === "ADDRESSPICKUP") {
+          try {
+            const tempValue = [];
+            const items2 = JSON.parse(newVal);
+            items2.forEach((_item) => {
+              tempValue.push(_item[c.model.objectNameField ? c.model.objectNameField : "srfmajortext"]);
+            });
+            text.value = tempValue.join(textSeparator);
+          } catch (error) {
+            ibiz.log.error(`\u6807\u7B7E\u5730\u5740\u9009\u62E9\u5668\u7684\u503C\u4E0D\u7B26\u5408JSON\u683C\u5F0F${newVal}`);
+          }
+        } else if (valueFormat) {
+          try {
+            if (dataType != null && core.DataTypes.isDate(dataType)) {
+              text.value = dayjs(newVal).format(valueFormat);
+            } else {
+              const tempVal = dayjs(newVal).format(valueFormat);
+              if (isValidDateFormat(tempVal, valueFormat)) {
+                text.value = tempVal;
+              } else {
+                text.value = ibiz.util.text.format(`${newVal}`, valueFormat);
+              }
+            }
+          } catch (error) {
+            text.value = `${newVal}`;
+            ibiz.log.error(`${newVal} \u503C\u683C\u5F0F\u5316\u9519\u8BEF`);
+          }
+        } else {
+          text.value = `${newVal}`;
+        }
+        if (unitName) {
+          text.value += unitName;
+        }
+      }
+    }, {
+      immediate: true
+    });
+    const items = vue.ref([]);
+    if (codeList) {
+      vue.watch(() => props.data, (newVal) => {
+        c.loadCodeList(newVal).then((_codeList) => {
+          items.value = _codeList;
+        });
+      }, {
+        immediate: true,
+        deep: true
+      });
+    }
+    const {
+      componentRef: editorRef
+    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    return {
+      ns,
+      c,
+      text,
+      editorRef,
+      items
+    };
+  },
+  render() {
+    let content = null;
+    if (this.c.codeList && this.items.length > 0) {
+      content = vue.createVNode(vue.resolveComponent("iBizCodeList"), {
+        "class": this.ns.e("code-list"),
+        "codeListItems": this.items,
+        "codeList": this.c.codeList,
+        "value": this.text
+      }, null);
+    } else if (this.text) {
+      content = this.text;
+    } else {
+      content = "- - -";
+    }
+    return vue.createVNode("span", {
+      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : ""],
+      "ref": "editorRef"
+    }, [content]);
+  }
+});
+
+exports.IBizSpan = IBizSpan;

package/lib/editor/span/span/span.css

@@ -0,0 +1 @@
+.ibiz-span{display:inline-block;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);white-space:pre-line}.ibiz-span--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-span__code-list{display:inline-block;height:100%}

package/lib/editor/span/span-editor.controller.cjs

@@ -0,0 +1,65 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var core = require('@ibiz-template/core');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class SpanEditorController extends runtime.CodeListEditorController {
+  constructor() {
+    super(...arguments);
+    /**
+     *值项
+     */
+    __publicField(this, "valueItem", "");
+    /**
+     * 代码表模型
+     * @return {*}
+     * @author: zhujiamin
+     * @Date: 2023-05-24 10:55:50
+     */
+    __publicField(this, "codeList");
+  }
+  async onInit() {
+    var _a, _b;
+    super.onInit();
+    if ((_b = (_a = this.model) == null ? void 0 : _a.editorItems) == null ? void 0 : _b[0]) {
+      this.valueItem = this.model.editorItems[0].id;
+    }
+    if (this.model.appCodeListId) {
+      const app = await ibiz.hub.getApp(this.context.srfappid);
+      this.codeList = app.codeList.getCodeList(this.model.appCodeListId);
+    }
+  }
+  /**
+   * 打开数据链接视图
+   */
+  async openLinkView(data) {
+    const tempContext = this.context.clone();
+    if (data[this.valueItem]) {
+      tempContext.srfkey = data[this.valueItem];
+    }
+    const { context, params } = this.handlePublicParams(
+      data,
+      tempContext,
+      this.params
+    );
+    const { linkAppViewId } = this.model;
+    if (!linkAppViewId) {
+      throw new core.RuntimeModelError(this.model, "\u8BF7\u914D\u7F6E\u6570\u636E\u94FE\u63A5\u89C6\u56FE");
+    }
+    return ibiz.commands.execute(
+      runtime.OpenAppViewCommand.TAG,
+      linkAppViewId,
+      context,
+      params
+    );
+  }
+}
+
+exports.SpanEditorController = SpanEditorController;

package/lib/editor/span/span-editor.provider.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var spanEditor_controller = require('./span-editor.controller.cjs');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class SpanEditorProvider {
+  constructor(editorType) {
+    __publicField(this, "formEditor", "IBizSpan");
+    __publicField(this, "gridEditor", "IBizSpan");
+    if (editorType === "SPAN_LINK") {
+      this.formEditor = "IBizSpanLink";
+      this.gridEditor = "IBizSpanLink";
+    }
+  }
+  async createController(editorModel, parentController) {
+    const c = new spanEditor_controller.SpanEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+exports.SpanEditorProvider = SpanEditorProvider;

package/lib/editor/span/span-link/span-link.cjs

@@ -0,0 +1,48 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./span-link.css');
+
+"use strict";
+const IBizSpanLink = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizSpanLink",
+  props: vue3Util.getSpanProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("span-link");
+    const c = props.controller;
+    const curValue = vue.ref("");
+    vue.watch(() => props.value, (newVal, oldVal) => {
+      if (newVal && newVal !== oldVal) {
+        curValue.value = `${newVal}`;
+      }
+    }, {
+      immediate: true
+    });
+    const openLinkView = async () => {
+      await c.openLinkView(props.data);
+    };
+    const {
+      componentRef: editorRef
+    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    return {
+      ns,
+      openLinkView,
+      curValue,
+      editorRef
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : ""],
+      "ref": "editorRef"
+    }, [vue.createVNode("a", {
+      "onClick": this.openLinkView
+    }, [this.curValue])]);
+  }
+});
+
+exports.IBizSpanLink = IBizSpanLink;

package/lib/editor/span/span-link/span-link.css

@@ -0,0 +1 @@
+.ibiz-span-link{line-height:var(--ibiz-height-control-default);color:var(--ibiz-color-link);cursor:pointer}.ibiz-span-link:hover{color:var(--ibiz-color-link-hover)}.ibiz-span-link--disabled{cursor:not-allowed}.ibiz-span-link--readonly{color:var(--ibiz-form-item-readonly-color)}

package/lib/editor/stepper/ibiz-stepper/ibiz-stepper.cjs

@@ -0,0 +1,95 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var lodashEs = require('lodash-es');
+
+"use strict";
+const IBizStepper = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizStepper",
+  props: vue3Util.getStepperProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("stepper");
+    const c = props.controller;
+    const editorModel = c.model;
+    const currentVal = vue.ref(null);
+    let step = 1;
+    let precision = 0;
+    let max = Infinity;
+    let min = -Infinity;
+    if (editorModel.editorParams) {
+      if (editorModel.editorParams.stepvalue) {
+        step = lodashEs.toNumber(editorModel.editorParams.stepvalue);
+      }
+      if (editorModel.editorParams.precision) {
+        precision = lodashEs.toNumber(editorModel.editorParams.precision);
+      }
+      if (editorModel.editorParams.maxvalue) {
+        max = lodashEs.toNumber(editorModel.editorParams.maxvalue);
+      }
+      if (editorModel.editorParams.minvalue) {
+        min = lodashEs.toNumber(editorModel.editorParams.minvalue);
+      }
+    }
+    vue.watch(() => props.value, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        const number = Number(newVal);
+        currentVal.value = Number.isNaN(number) ? 0 : number;
+      }
+    }, {
+      immediate: true
+    });
+    const handleChange = (e) => {
+      emit("change", e);
+    };
+    const inputRef = vue.ref();
+    const onFocus = () => {
+      emit("focus");
+    };
+    const onBlur = () => {
+      emit("blur");
+    };
+    return {
+      ns,
+      c,
+      currentVal,
+      handleChange,
+      inputRef,
+      step,
+      precision,
+      max,
+      min,
+      onFocus,
+      onBlur
+    };
+  },
+  render() {
+    let content = null;
+    if (this.readonly) {
+      content = `${this.currentVal}`;
+    } else {
+      content = [vue.createVNode(vue.resolveComponent("el-input-number"), {
+        "ref": "inputRef",
+        "modelValue": this.currentVal,
+        "onUpdate:modelValue": ($event) => this.currentVal = $event,
+        "placeholder": this.c.placeHolder,
+        "precision": this.precision,
+        "min": this.min,
+        "max": this.max,
+        "step": this.step,
+        "disabled": this.disabled,
+        "onChange": this.handleChange,
+        "onFocus": this.onFocus,
+        "onBlur": this.onBlur
+      }, null)];
+    }
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+    }, [content]);
+  }
+});
+
+exports.IBizStepper = IBizStepper;

package/lib/editor/stepper/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var ibizStepper = require('./ibiz-stepper/ibiz-stepper.cjs');
+var stepperEditor_controller = require('./stepper-editor.controller.cjs');
+var stepperEditor_provider = require('./stepper-editor.provider.cjs');
+
+"use strict";
+
+exports.IBizStepper = ibizStepper.IBizStepper;
+exports.StepperEditorController = stepperEditor_controller.StepperEditorController;
+exports.StepperEditorProvider = stepperEditor_provider.StepperEditorProvider;

package/lib/editor/stepper/stepper-editor.controller.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class StepperEditorController extends runtime.EditorController {
+}
+
+exports.StepperEditorController = StepperEditorController;

package/lib/editor/stepper/stepper-editor.provider.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var stepperEditor_controller = require('./stepper-editor.controller.cjs');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class StepperEditorProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizStepper");
+    __publicField(this, "gridEditor", "IBizStepper");
+  }
+  async createController(editorModel, parentController) {
+    const c = new stepperEditor_controller.StepperEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+exports.StepperEditorProvider = StepperEditorProvider;

package/lib/editor/switch/ibiz-switch/ibiz-switch.cjs

@@ -0,0 +1,89 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+
+"use strict";
+const IBizSwitch = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizSwitch",
+  props: vue3Util.getSwitchProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("switch");
+    const c = props.controller;
+    const editorModel = c.model;
+    const currentVal = vue.ref(false);
+    let activeText = "";
+    let inactiveText = "";
+    let dicData = [{
+      value: 0,
+      label: ""
+    }, {
+      value: 1,
+      label: ""
+    }];
+    if (editorModel.editorParams) {
+      if (editorModel.editorParams.dicData) {
+        dicData = c.toObj(editorModel.editorParams.dicData);
+      }
+    }
+    if (dicData && Array.isArray(dicData)) {
+      const inactiveResult = dicData.find((item) => {
+        return item.value === 0;
+      });
+      if (inactiveResult) {
+        inactiveText = inactiveResult.label;
+      }
+      const activeResult = dicData.find((item) => {
+        return item.value === 1;
+      });
+      if (activeResult) {
+        activeText = activeResult.label;
+      }
+    }
+    vue.watch(() => props.value, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        if (!newVal) {
+          currentVal.value = false;
+        } else {
+          currentVal.value = props.value == 1;
+        }
+      }
+    }, {
+      immediate: true
+    });
+    const handleChange = (currentValue) => {
+      const emitValue = currentValue === true ? 1 : 0;
+      emit("change", emitValue);
+    };
+    const {
+      componentRef: editorRef
+    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    return {
+      ns,
+      currentVal,
+      activeText,
+      inactiveText,
+      handleChange,
+      dicData,
+      editorRef
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": [this.ns.b()],
+      "ref": "editorRef"
+    }, [vue.createVNode(vue.resolveComponent("el-switch"), {
+      "modelValue": this.currentVal,
+      "onUpdate:modelValue": ($event) => this.currentVal = $event,
+      "disabled": this.disabled || this.readonly,
+      "activeText": this.activeText,
+      "inactiveText": this.inactiveText,
+      "onChange": this.handleChange
+    }, null)]);
+  }
+});
+
+exports.IBizSwitch = IBizSwitch;

package/lib/editor/switch/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var ibizSwitch = require('./ibiz-switch/ibiz-switch.cjs');
+var switchEditor_controller = require('./switch-editor.controller.cjs');
+var switchEditor_provider = require('./switch-editor.provider.cjs');
+
+"use strict";
+
+exports.IBizSwitch = ibizSwitch.IBizSwitch;
+exports.SwitchEditorController = switchEditor_controller.SwitchEditorController;
+exports.SwitchEditorProvider = switchEditor_provider.SwitchEditorProvider;

package/lib/editor/switch/switch-editor.controller.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class SwitchEditorController extends runtime.EditorController {
+}
+
+exports.SwitchEditorController = SwitchEditorController;

package/lib/editor/switch/switch-editor.provider.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var switchEditor_controller = require('./switch-editor.controller.cjs');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class SwitchEditorProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizSwitch");
+    __publicField(this, "gridEditor", "IBizSwitch");
+  }
+  async createController(editorModel, parentController) {
+    const c = new switchEditor_controller.SwitchEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+exports.SwitchEditorProvider = SwitchEditorProvider;