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

package/es/editor/span/span/span.mjs

@@ -1,130 +0,0 @@
-import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
-import { getSpanProps, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
-import './span.css';
-import { isNil } from 'ramda';
-import { DataTypes } from '@ibiz-template/core';
-import dayjs from 'dayjs';
-import customParseFormat from '../../../node_modules/.pnpm/dayjs@1.11.10/node_modules/dayjs/plugin/customParseFormat.mjs';
-
-"use strict";
-dayjs.extend(customParseFormat);
-function isValidDateFormat(dateStr, format) {
-  if (dateStr === format) {
-    return false;
-  }
-  return dayjs(dateStr, format, true).isValid();
-}
-const IBizSpan = /* @__PURE__ */ defineComponent({
-  name: "IBizSpan",
-  props: getSpanProps(),
-  setup(props, {
-    emit
-  }) {
-    var _a;
-    const ns = useNamespace("span");
-    const c = props.controller;
-    const text = ref("");
-    const codeList = c.codeList;
-    const textSeparator = c.model.textSeparator || ((_a = c.editorParams) == null ? void 0 : _a.TEXTSEPARATOR) || ",";
-    watch(() => props.value, (newVal, oldVal) => {
-      if (newVal !== oldVal) {
-        if (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 && 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 = ref([]);
-    if (codeList) {
-      watch(() => props.data, (newVal) => {
-        c.loadCodeList(newVal).then((_codeList) => {
-          items.value = _codeList;
-        });
-      }, {
-        immediate: true,
-        deep: true
-      });
-    }
-    const {
-      componentRef: editorRef
-    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
-    return {
-      ns,
-      c,
-      text,
-      editorRef,
-      items
-    };
-  },
-  render() {
-    let content = null;
-    if (this.c.codeList && this.items.length > 0) {
-      content = createVNode(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 createVNode("span", {
-      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : ""],
-      "ref": "editorRef"
-    }, [content]);
-  }
-});
-
-export { IBizSpan };

package/es/editor/span/span-editor.controller.mjs

@@ -1,63 +0,0 @@
-import { CodeListEditorController, OpenAppViewCommand } from '@ibiz-template/runtime';
-import { RuntimeModelError } from '@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 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 RuntimeModelError(this.model, "\u8BF7\u914D\u7F6E\u6570\u636E\u94FE\u63A5\u89C6\u56FE");
-    }
-    return ibiz.commands.execute(
-      OpenAppViewCommand.TAG,
-      linkAppViewId,
-      context,
-      params
-    );
-  }
-}
-
-export { SpanEditorController };

package/es/editor/span/span-editor.provider.mjs

@@ -1,26 +0,0 @@
-import { SpanEditorController } from './span-editor.controller.mjs';
-
-"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 SpanEditorController(editorModel, parentController);
-    await c.init();
-    return c;
-  }
-}
-
-export { SpanEditorProvider };

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

@@ -1 +0,0 @@
-.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/es/editor/span/span-link/span-link.mjs

@@ -1,46 +0,0 @@
-import { ref, watch, createVNode, defineComponent } from 'vue';
-import { getSpanProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
-import './span-link.css';
-
-"use strict";
-const IBizSpanLink = /* @__PURE__ */ defineComponent({
-  name: "IBizSpanLink",
-  props: getSpanProps(),
-  emits: getEditorEmits(),
-  setup(props, {
-    emit
-  }) {
-    const ns = useNamespace("span-link");
-    const c = props.controller;
-    const curValue = ref("");
-    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
-    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
-    return {
-      ns,
-      openLinkView,
-      curValue,
-      editorRef
-    };
-  },
-  render() {
-    return createVNode("div", {
-      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : ""],
-      "ref": "editorRef"
-    }, [createVNode("a", {
-      "onClick": this.openLinkView
-    }, [this.curValue])]);
-  }
-});
-
-export { IBizSpanLink };

package/es/editor/stepper/ibiz-stepper/ibiz-stepper.mjs

@@ -1,93 +0,0 @@
-import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
-import { getStepperProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
-import { toNumber } from 'lodash-es';
-
-"use strict";
-const IBizStepper = /* @__PURE__ */ defineComponent({
-  name: "IBizStepper",
-  props: getStepperProps(),
-  emits: getEditorEmits(),
-  setup(props, {
-    emit
-  }) {
-    const ns = useNamespace("stepper");
-    const c = props.controller;
-    const editorModel = c.model;
-    const currentVal = ref(null);
-    let step = 1;
-    let precision = 0;
-    let max = Infinity;
-    let min = -Infinity;
-    if (editorModel.editorParams) {
-      if (editorModel.editorParams.stepvalue) {
-        step = toNumber(editorModel.editorParams.stepvalue);
-      }
-      if (editorModel.editorParams.precision) {
-        precision = toNumber(editorModel.editorParams.precision);
-      }
-      if (editorModel.editorParams.maxvalue) {
-        max = toNumber(editorModel.editorParams.maxvalue);
-      }
-      if (editorModel.editorParams.minvalue) {
-        min = toNumber(editorModel.editorParams.minvalue);
-      }
-    }
-    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 = 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 = [createVNode(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 createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
-    }, [content]);
-  }
-});
-
-export { IBizStepper };

package/es/editor/stepper/index.mjs

@@ -1,5 +0,0 @@
-export { IBizStepper } from './ibiz-stepper/ibiz-stepper.mjs';
-export { StepperEditorController } from './stepper-editor.controller.mjs';
-export { StepperEditorProvider } from './stepper-editor.provider.mjs';
-
-"use strict";

package/es/editor/stepper/stepper-editor.controller.mjs

@@ -1,7 +0,0 @@
-import { EditorController } from '@ibiz-template/runtime';
-
-"use strict";
-class StepperEditorController extends EditorController {
-}
-
-export { StepperEditorController };

package/es/editor/stepper/stepper-editor.provider.mjs

@@ -1,22 +0,0 @@
-import { StepperEditorController } from './stepper-editor.controller.mjs';
-
-"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 StepperEditorController(editorModel, parentController);
-    await c.init();
-    return c;
-  }
-}
-
-export { StepperEditorProvider };

package/es/editor/switch/ibiz-switch/ibiz-switch.mjs

@@ -1,87 +0,0 @@
-import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
-import { getSwitchProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
-
-"use strict";
-const IBizSwitch = /* @__PURE__ */ defineComponent({
-  name: "IBizSwitch",
-  props: getSwitchProps(),
-  emits: getEditorEmits(),
-  setup(props, {
-    emit
-  }) {
-    const ns = useNamespace("switch");
-    const c = props.controller;
-    const editorModel = c.model;
-    const currentVal = 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;
-      }
-    }
-    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
-    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
-    return {
-      ns,
-      currentVal,
-      activeText,
-      inactiveText,
-      handleChange,
-      dicData,
-      editorRef
-    };
-  },
-  render() {
-    return createVNode("div", {
-      "class": [this.ns.b()],
-      "ref": "editorRef"
-    }, [createVNode(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)]);
-  }
-});
-
-export { IBizSwitch };

package/es/editor/switch/index.mjs

@@ -1,5 +0,0 @@
-export { IBizSwitch } from './ibiz-switch/ibiz-switch.mjs';
-export { SwitchEditorController } from './switch-editor.controller.mjs';
-export { SwitchEditorProvider } from './switch-editor.provider.mjs';
-
-"use strict";

package/es/editor/switch/switch-editor.controller.mjs

@@ -1,7 +0,0 @@
-import { EditorController } from '@ibiz-template/runtime';
-
-"use strict";
-class SwitchEditorController extends EditorController {
-}
-
-export { SwitchEditorController };

package/es/editor/switch/switch-editor.provider.mjs

@@ -1,22 +0,0 @@
-import { SwitchEditorController } from './switch-editor.controller.mjs';
-
-"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 SwitchEditorController(editorModel, parentController);
-    await c.init();
-    return c;
-  }
-}
-
-export { SwitchEditorProvider };

package/es/editor/text-box/ibiz-input-ip/ibiz-input-ip.css

@@ -1 +0,0 @@
-.ibiz-input-ip{display:flex;height:100%;flex-wrap:nowrap;line-height:var(--ibiz-form-item-line-height)}.ibiz-input-ip .el-input{margin:0 3px}

package/es/editor/text-box/ibiz-input-ip/ibiz-input-ip.mjs

@@ -1,132 +0,0 @@
-import { ref, watch, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
-import { getInputIpProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
-import './ibiz-input-ip.css';
-
-"use strict";
-const IBizInputIP = /* @__PURE__ */ defineComponent({
-  name: "IBizInputIP",
-  props: getInputIpProps(),
-  emits: getEditorEmits(),
-  setup(props, {
-    emit
-  }) {
-    const ns = useNamespace("input-ip");
-    const c = props.controller;
-    const currentVal = ref([]);
-    const activeElement = ref(false);
-    const isAllBlur = ref(false);
-    const firstIp = ref("");
-    const secIp = ref("");
-    const thirdIp = ref("");
-    const forIp = ref("");
-    if (props.value) {
-      const ipArr = props.value.split(".");
-      currentVal.value = ipArr;
-      firstIp.value = currentVal.value[0];
-      secIp.value = currentVal.value[1];
-      thirdIp.value = currentVal.value[2];
-      forIp.value = currentVal.value[3];
-    }
-    const checkIpVal = (newVal, oldVal, ip, index) => {
-      if (newVal === "")
-        return;
-      const reg = /^(([0-9]|([1-9]\d)|(1\d\d)|(2([0-4]\d|5[0-5]))))$/g;
-      if (reg.test(newVal)) {
-        currentVal.value[index] = newVal;
-      } else if (ip) {
-        ibiz.message.warning(`ip\u683C\u5F0F\u9A8C\u8BC1\u672A\u901A\u8FC7\uFF0C\u7B2C${index + 1}\u6BB5ip\u91CD\u7F6E\u56DE\u65E7\u503C`);
-        ip.value = oldVal;
-        currentVal.value[index] = oldVal;
-      }
-      if (firstIp.value && secIp.value && thirdIp.value && forIp.value) {
-        emit("change", `${firstIp.value}.${secIp.value}.${thirdIp.value}.${forIp.value}`);
-      }
-    };
-    watch(firstIp, (newVal, oldVal) => {
-      checkIpVal(newVal, oldVal, firstIp, 0);
-    });
-    watch(secIp, (newVal, oldVal) => {
-      checkIpVal(newVal, oldVal, secIp, 1);
-    });
-    watch(thirdIp, (newVal, oldVal) => {
-      checkIpVal(newVal, oldVal, thirdIp, 2);
-    });
-    watch(forIp, (newVal, oldVal) => {
-      checkIpVal(newVal, oldVal, forIp, 3);
-    });
-    const getFocus = () => {
-      activeElement.value = true;
-      if (isAllBlur.value) {
-        isAllBlur.value = false;
-        emit("focus");
-      }
-    };
-    const blur = () => {
-      activeElement.value = false;
-      setTimeout(() => {
-        if (!activeElement.value) {
-          isAllBlur.value = true;
-          emit("blur");
-        }
-      }, 0);
-    };
-    return {
-      ns,
-      c,
-      currentVal,
-      getFocus,
-      blur,
-      firstIp,
-      secIp,
-      thirdIp,
-      forIp
-    };
-  },
-  render() {
-    return createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
-    }, [createVNode(resolveComponent("el-input"), {
-      "type": "text",
-      "size": "small",
-      "disabled": this.disabled,
-      "readonly": this.readonly,
-      "onFocus": this.getFocus,
-      "onBlur": this.blur,
-      "maxlength": 3,
-      "modelValue": this.firstIp,
-      "onUpdate:modelValue": ($event) => this.firstIp = $event
-    }, null), createTextVNode("."), createVNode(resolveComponent("el-input"), {
-      "type": "text",
-      "size": "small",
-      "disabled": this.disabled,
-      "readonly": this.readonly,
-      "onFocus": this.getFocus,
-      "onBlur": this.blur,
-      "maxlength": 3,
-      "modelValue": this.secIp,
-      "onUpdate:modelValue": ($event) => this.secIp = $event
-    }, null), createTextVNode("."), createVNode(resolveComponent("el-input"), {
-      "type": "text",
-      "size": "small",
-      "disabled": this.disabled,
-      "readonly": this.readonly,
-      "onFocus": this.getFocus,
-      "onBlur": this.blur,
-      "maxlength": 3,
-      "modelValue": this.thirdIp,
-      "onUpdate:modelValue": ($event) => this.thirdIp = $event
-    }, null), createTextVNode("."), createVNode(resolveComponent("el-input"), {
-      "type": "text",
-      "size": "small",
-      "disabled": this.disabled,
-      "readonly": this.readonly,
-      "onFocus": this.getFocus,
-      "onBlur": this.blur,
-      "maxlength": 3,
-      "modelValue": this.forIp,
-      "onUpdate:modelValue": ($event) => this.forIp = $event
-    }, null)]);
-  }
-});
-
-export { IBizInputIP };

package/es/editor/text-box/ibiz-input-number/ibiz-input-number.css

@@ -1 +0,0 @@
-.ibiz-input-number .el-input .el-input__inner{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color)}.ibiz-input-number .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-input-number--readonly{color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}.ibiz-input-number .ibiz-input-number__unit{margin-left:10px;font-size:var(--ibiz-form-item-font-size);font-style:normal}