@ibiz-template/vue3-util 0.6.0 → 0.6.1-alpha.2

package/lib/panel-component/panel-field/panel-field.controller.cjs

@@ -0,0 +1,132 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var panelField_state = require('./panel-field.state.cjs');
+
+"use strict";
+class PanelFieldController extends runtime.PanelItemController {
+  constructor() {
+    super(...arguments);
+    this.unitName = void 0;
+  }
+  /**
+   * 值格式化
+   * @author lxm
+   * @date 2023-05-24 05:46:56
+   * @readonly
+   * @type {(string | undefined)}
+   */
+  get valueFormat() {
+    return this.model.valueFormat;
+  }
+  get dataType() {
+    return void 0;
+  }
+  get context() {
+    return this.panel.context;
+  }
+  get params() {
+    return this.panel.params;
+  }
+  /**
+   * 父容器数据对象数据
+   * @author lxm
+   * @date 2023-07-15 01:33:58
+   * @readonly
+   * @type {IData}
+   */
+  get data() {
+    return this.dataParent.data;
+  }
+  /**
+   * 面板属性成员的值
+   * @author lxm
+   * @date 2023-07-14 02:30:58
+   * @readonly
+   */
+  get value() {
+    return this.data[this.model.id];
+  }
+  createState() {
+    var _a;
+    return new panelField_state.PanelFieldState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  /**
+   * 初始化
+   *
+   * @author lxm
+   * @date 2022-08-24 20:08:42
+   * @protected
+   * @returns {*}  {Promise<void>}
+   */
+  async onInit() {
+    await super.onInit();
+    this.state.required = !this.model.allowEmpty;
+    if (this.model.editor && this.model.editor.editorType !== "HIDDEN") {
+      this.editorProvider = await runtime.getEditorProvider(this.model.editor);
+      if (this.editorProvider) {
+        this.editor = await this.editorProvider.createController(
+          this.model.editor,
+          this
+        );
+      }
+    }
+  }
+  /**
+   * 设置面板数据的值
+   *
+   * @author lxm
+   * @date 2022-08-24 10:08:40
+   * @param {unknown} value 要设置的值
+   * @param {string} name 要设置的面板数据的属性名称
+   */
+  async setDataValue(value, name) {
+    const { id } = this.model;
+    name = name || id;
+    if (this.dataParent.setDataValue) {
+      await this.dataParent.setDataValue(name, value);
+    }
+    this.panel.evt.emit("onPanelItemEvent", {
+      panelItemName: this.model.id,
+      panelItemEventName: runtime.PanelItemEventName.CHANGE
+    });
+  }
+  /**
+   * 聚焦事件
+   * @author lxm
+   * @date 2023-10-11 05:03:26
+   */
+  onFocus(event) {
+    this.panel.evt.emit("onPanelItemEvent", {
+      panelItemName: this.model.id,
+      panelItemEventName: runtime.PanelItemEventName.FOCUS,
+      event
+    });
+  }
+  /**
+   * 失焦事件
+   * @author lxm
+   * @date 2023-10-11 05:03:26
+   */
+  onBlur(event) {
+    this.panel.evt.emit("onPanelItemEvent", {
+      panelItemName: this.model.id,
+      panelItemEventName: runtime.PanelItemEventName.BLUR,
+      event
+    });
+  }
+  /**
+   * 回车事件
+   * @author lxm
+   * @date 2023-10-11 05:03:26
+   */
+  onEnter(event) {
+    this.panel.evt.emit("onPanelItemEvent", {
+      panelItemName: this.model.id,
+      panelItemEventName: runtime.PanelItemEventName.ENTER,
+      event
+    });
+  }
+}
+
+exports.PanelFieldController = PanelFieldController;

package/lib/panel-component/panel-field/panel-field.css

@@ -0,0 +1 @@
+.ibiz-panel-field{--ibiz-form-item-label-color:var(--ibiz-color-text-1);--ibiz-form-item-text-color:var(--ibiz-color-text-2);--ibiz-form-item-hover-color:var(--ibiz-color-text-0);--ibiz-form-item-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-form-item-readonly-color:var(--ibiz-color-disabled-text);--ibiz-form-item-border-color:transparent;--ibiz-form-item-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-placeholder-color:var(--ibiz-color-text-3);--ibiz-form-item-disabled-color:var(--ibiz-color-disabled-text);--ibiz-form-item-disabled-bg-color:var(--ibiz-color-disabled-fill);--ibiz-form-item-disabled-border-color:var(--ibiz-color-disabled-border);--ibiz-form-item-active-bg:var(--ibiz-color-fill-2);--ibiz-form-item-active-border:var(--ibiz-active-bg);--ibiz-form-item-focus-bg:var(--ibiz-color-fill-0);--ibiz-form-item-focus-border:var(--ibiz-color-focus-border);--ibiz-form-item-line-height:var(--ibiz-editor-default-line-height);--ibiz-form-item-font-weight:var(--ibiz-font-weight-regular);width:100%;height:100%}.ibiz-panel-field .ibiz-panel-field-content{line-height:inherit}

package/lib/panel-component/panel-field/panel-field.provider.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var panelField_controller = require('./panel-field.controller.cjs');
+
+"use strict";
+class PanelFieldProvider {
+  constructor() {
+    this.component = "IBizPanelField";
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new panelField_controller.PanelFieldController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.PanelFieldProvider = PanelFieldProvider;

package/lib/panel-component/panel-field/panel-field.state.cjs

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

package/lib/panel-component/panel-item-render/index.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+require('../../util/index.cjs');
+var panelItemRender = require('./panel-item-render.cjs');
+var panelItemRender_provider = require('./panel-item-render.provider.cjs');
+var install = require('../../util/install.cjs');
+
+"use strict";
+const IBizPanelItemRender = install.withInstall(
+  panelItemRender.PanelItemRender,
+  function(v) {
+    v.component(panelItemRender.PanelItemRender.name, panelItemRender.PanelItemRender);
+    runtime.registerPanelItemProvider(
+      "PREDEFINE_RENDER",
+      () => new panelItemRender_provider.PanelItemRenderProvider()
+    );
+  }
+);
+
+exports.IBizPanelItemRender = IBizPanelItemRender;
+exports.default = IBizPanelItemRender;

package/lib/panel-component/panel-item-render/panel-item-render.cjs

@@ -0,0 +1,49 @@
+'use strict';
+
+var vue = require('vue');
+require('../../use/index.cjs');
+var panelItemRender_controller = require('./panel-item-render.controller.cjs');
+var namespace = require('../../use/namespace/namespace.cjs');
+
+"use strict";
+const PanelItemRender = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizPanelItemRender",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: panelItemRender_controller.PanelItemRenderController,
+      required: true
+    }
+  },
+  setup(props) {
+    var _a;
+    const ns = namespace.useNamespace("panel-item-render");
+    const nsType = namespace.useNamespace("panel-".concat((_a = props.modelData.itemType) == null ? void 0 : _a.toLowerCase()));
+    const {
+      id
+    } = props.modelData;
+    const classArr = vue.computed(() => {
+      const result = [ns.b(), ns.m(id), nsType.b(), ns.is("hidden", !props.controller.state.visible)];
+      return result;
+    });
+    const htmlCode = vue.computed(() => {
+      return props.controller.getPanelItemCustomHtml(props.modelData.controlRenders, props.controller.data);
+    });
+    return {
+      ns,
+      classArr,
+      htmlCode
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": this.classArr,
+      "innerHTML": this.htmlCode
+    }, null);
+  }
+});
+
+exports.PanelItemRender = PanelItemRender;

package/lib/panel-component/panel-item-render/panel-item-render.controller.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class PanelItemRenderController extends runtime.PanelItemController {
+  /**
+   * 获取面板绘制器自定义html
+   *
+   * @author zk
+   * @date 2024-01-15 01:01:11
+   * @export
+   * @param {IControlRender[]} controlRenders
+   * @return {*}  {(string | undefined)}
+   */
+  getPanelItemCustomHtml(controlRenders, data) {
+    if (controlRenders.length === 0) {
+      return void 0;
+    }
+    const controlRender = controlRenders[0];
+    if (controlRender.layoutPanelModel) {
+      return runtime.ScriptFactory.execScriptFn(
+        { data: data || {} },
+        controlRender.layoutPanelModel,
+        { singleRowReturn: true, isAsync: false }
+      );
+    }
+  }
+}
+
+exports.PanelItemRenderController = PanelItemRenderController;

package/lib/panel-component/panel-item-render/panel-item-render.provider.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var panelItemRender_controller = require('./panel-item-render.controller.cjs');
+
+"use strict";
+class PanelItemRenderProvider {
+  constructor() {
+    this.component = "IBizPanelItemRender";
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new panelItemRender_controller.PanelItemRenderController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.PanelItemRenderProvider = PanelItemRenderProvider;

package/lib/panel-component/panel-rawitem/index.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+require('../../util/index.cjs');
+var panelRawitem = require('./panel-rawitem.cjs');
+var panelRawitem_provider = require('./panel-rawitem.provider.cjs');
+var panelRawitem_controller = require('./panel-rawitem.controller.cjs');
+var install = require('../../util/install.cjs');
+
+"use strict";
+const IBizPanelRawItem = install.withInstall(panelRawitem.PanelRawItem, function(v) {
+  v.component(panelRawitem.PanelRawItem.name, panelRawitem.PanelRawItem);
+  runtime.registerPanelItemProvider("RAWITEM", () => new panelRawitem_provider.PanelRawItemProvider());
+  runtime.registerPanelItemProvider(
+    "RAWITEM_STATIC_IMAGE",
+    () => new panelRawitem_provider.PanelRawItemProvider()
+  );
+  runtime.registerPanelItemProvider(
+    "RAWITEM_STATIC_LABEL",
+    () => new panelRawitem_provider.PanelRawItemProvider()
+  );
+  runtime.registerPanelItemProvider(
+    "RAWITEM_STATIC_TEXT",
+    () => new panelRawitem_provider.PanelRawItemProvider()
+  );
+});
+
+exports.PanelRawItemController = panelRawitem_controller.PanelRawItemController;
+exports.IBizPanelRawItem = IBizPanelRawItem;
+exports.default = IBizPanelRawItem;

package/lib/panel-component/panel-rawitem/panel-rawitem.cjs

@@ -0,0 +1,61 @@
+'use strict';
+
+var vue = require('vue');
+require('../../use/index.cjs');
+var panelRawitem_controller = require('./panel-rawitem.controller.cjs');
+require('./panel-rawitem.css');
+var namespace = require('../../use/namespace/namespace.cjs');
+
+"use strict";
+const PanelRawItem = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizPanelRawItem",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: panelRawitem_controller.PanelRawItemController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = namespace.useNamespace("panel-rawitem");
+    const tempStyle = vue.ref("");
+    const {
+      rawItem
+    } = props.modelData;
+    if (rawItem && rawItem.cssStyle) {
+      tempStyle.value = rawItem.cssStyle;
+    }
+    const classArr = vue.computed(() => {
+      const {
+        id
+      } = props.modelData;
+      const result = [ns.b(), ns.m(id)];
+      result.push(...props.controller.containerClass);
+      return result;
+    });
+    return {
+      ns,
+      classArr,
+      tempStyle
+    };
+  },
+  render() {
+    if (!this.controller.state.visible) {
+      return;
+    }
+    return vue.createVNode("div", {
+      "class": this.classArr,
+      "style": this.tempStyle,
+      "onClick": () => {
+        this.controller.onClick();
+      }
+    }, [vue.createVNode(vue.resolveComponent("iBizRawItem"), {
+      "rawItem": this.modelData
+    }, null)]);
+  }
+});
+
+exports.PanelRawItem = PanelRawItem;

package/lib/panel-component/panel-rawitem/panel-rawitem.controller.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class PanelRawItemController extends runtime.PanelItemController {
+  /**
+   * 父容器数据对象数据
+   * @author lxm
+   * @date 2023-07-15 01:33:58
+   * @readonly
+   * @type {IData}
+   */
+  get data() {
+    return this.dataParent.data;
+  }
+  /**
+   * 初始化
+   *
+   * @author lxm
+   * @date 2022-08-24 20:08:42
+   * @protected
+   * @returns {*}  {Promise<void>}
+   */
+  async onInit() {
+    await super.onInit();
+  }
+}
+
+exports.PanelRawItemController = PanelRawItemController;

package/lib/panel-component/panel-rawitem/panel-rawitem.css

@@ -0,0 +1 @@
+.ibiz-panel-rawitem{width:100%;height:100%}.ibiz-panel-rawitem .ibiz-panel-rawitem-content{width:100%}

package/lib/panel-component/panel-rawitem/panel-rawitem.provider.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var panelRawitem_controller = require('./panel-rawitem.controller.cjs');
+
+"use strict";
+class PanelRawItemProvider {
+  constructor() {
+    this.component = "IBizPanelRawItem";
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new panelRawitem_controller.PanelRawItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.PanelRawItemProvider = PanelRawItemProvider;

package/lib/panel-component/panel-tab-page/index.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var panelTabPage = require('./panel-tab-page.cjs');
+var panelTabPage_provider = require('./panel-tab-page.provider.cjs');
+require('../../util/index.cjs');
+var install = require('../../util/install.cjs');
+
+"use strict";
+const IBizPanelTabPage = install.withInstall(panelTabPage.PanelTabPage, function(v) {
+  v.component(panelTabPage.PanelTabPage.name, panelTabPage.PanelTabPage);
+  runtime.registerPanelItemProvider("TABPAGE", () => new panelTabPage_provider.PanelTabPageProvider());
+});
+
+exports.IBizPanelTabPage = IBizPanelTabPage;
+exports.default = IBizPanelTabPage;

package/lib/panel-component/panel-tab-page/panel-tab-page.cjs

@@ -0,0 +1,65 @@
+'use strict';
+
+var vue = require('vue');
+var runtime = require('@ibiz-template/runtime');
+require('../../use/index.cjs');
+var namespace = require('../../use/namespace/namespace.cjs');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const PanelTabPage = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizPanelTabPage",
+  props: {
+    modelData: {
+      // IPanelTabPage 不能使用 IPanelTabPage模型 否则会类型报错
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: runtime.PanelItemController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = namespace.useNamespace("panel-tab-page");
+    const classArr = vue.computed(() => {
+      const {
+        id
+      } = props.modelData;
+      const result = [ns.b(), ns.m(id)];
+      result.push(...props.controller.containerClass);
+      return result;
+    });
+    return {
+      ns,
+      classArr
+    };
+  },
+  render() {
+    var _a, _b;
+    let _slot;
+    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
+    return vue.createVNode(vue.resolveComponent("iBizRow"), {
+      "class": [this.ns.b(), this.ns.m(this.modelData.codeName), this.classArr],
+      "layout": this.modelData.layout
+    }, _isSlot(_slot = defaultSlots.map((slot) => {
+      const props = slot.props;
+      if (!props || !props.controller) {
+        return slot;
+      }
+      const c = props.controller;
+      return vue.createVNode(vue.resolveComponent("iBizCol"), {
+        "layoutPos": c.model.layoutPos,
+        "state": c.state
+      }, _isSlot(slot) ? slot : {
+        default: () => [slot]
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+  }
+});
+
+exports.PanelTabPage = PanelTabPage;

package/lib/panel-component/panel-tab-page/panel-tab-page.provider.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class PanelTabPageProvider {
+  constructor() {
+    this.component = "IBizPanelTabPage";
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new runtime.PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.PanelTabPageProvider = PanelTabPageProvider;

package/lib/panel-component/scroll-container/index.cjs

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+require('../../util/index.cjs');
+var scrollContainerItem = require('./scroll-container-item/scroll-container-item.cjs');
+var scrollContainerItem_provider = require('./scroll-container-item/scroll-container-item.provider.cjs');
+var scrollContainer = require('./scroll-container/scroll-container.cjs');
+var scrollContainer_provider = require('./scroll-container/scroll-container.provider.cjs');
+require('./scroll-container/index.cjs');
+require('./scroll-container-item/index.cjs');
+var install = require('../../util/install.cjs');
+var scrollContainer_controller = require('./scroll-container/scroll-container.controller.cjs');
+var scrollContainerItem_controller = require('./scroll-container-item/scroll-container-item.controller.cjs');
+
+"use strict";
+const IBizScrollContainer = install.withInstall(
+  scrollContainer.ScrollContainer,
+  function(v) {
+    v.component(scrollContainer.ScrollContainer.name, scrollContainer.ScrollContainer);
+    v.component(scrollContainerItem.ScrollContainerItem.name, scrollContainerItem.ScrollContainerItem);
+    runtime.registerPanelItemProvider(
+      "CONTAINER_CONTAINER_SCROLL",
+      () => new scrollContainer_provider.ScrollContainerProvider()
+    );
+    runtime.registerPanelItemProvider(
+      "CONTAINER_CONTAINER_SCROLL_LEFT",
+      () => new scrollContainerItem_provider.ScrollContainerItemProvider()
+    );
+    runtime.registerPanelItemProvider(
+      "CONTAINER_CONTAINER_SCROLL_HEADER",
+      () => new scrollContainerItem_provider.ScrollContainerItemProvider()
+    );
+    runtime.registerPanelItemProvider(
+      "CONTAINER_CONTAINER_SCROLL_RIGHT",
+      () => new scrollContainerItem_provider.ScrollContainerItemProvider()
+    );
+    runtime.registerPanelItemProvider(
+      "CONTAINER_CONTAINER_SCROLL_BOTTOM",
+      () => new scrollContainerItem_provider.ScrollContainerItemProvider()
+    );
+    runtime.registerPanelItemProvider(
+      "CONTAINER_CONTAINER_SCROLL_MAIN",
+      () => new scrollContainerItem_provider.ScrollContainerItemProvider()
+    );
+  }
+);
+
+exports.ScrollContainerItem = scrollContainerItem.ScrollContainerItem;
+exports.ScrollContainer = scrollContainer.ScrollContainer;
+exports.ScrollContainerController = scrollContainer_controller.ScrollContainerController;
+exports.ScrollContainerItemController = scrollContainerItem_controller.ScrollContainerItemController;
+exports.IBizScrollContainer = IBizScrollContainer;
+exports.default = IBizScrollContainer;

package/lib/panel-component/scroll-container/scroll-container/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var scrollContainer_controller = require('./scroll-container.controller.cjs');
+var scrollContainer = require('./scroll-container.cjs');
+
+"use strict";
+
+exports.ScrollContainerController = scrollContainer_controller.ScrollContainerController;
+exports.ScrollContainer = scrollContainer.ScrollContainer;