@ibiz-template/mob-vue3-components 0.7.41-alpha.19-lts.1 → 0.7.41-alpha.21

package/lib/common/md-ctrl-setting/md-ctrl-setting.cjs

@@ -1,201 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var vue3Util = require('@ibiz-template/vue3-util');
-require('./md-ctrl-setting.css');
-
-"use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
-}
-const IBizMdCtrlSetting = /* @__PURE__ */ vue.defineComponent({
-  name: "IBizMdCtrlSetting",
-  props: {
-    listItems: {
-      type: Array,
-      default: () => []
-    },
-    sort: {
-      type: Object
-    }
-  },
-  emits: ["sortChange"],
-  setup(props, {
-    emit
-  }) {
-    const ns = vue3Util.useNamespace("md-ctrl-setting");
-    const sortData = [{
-      text: ibiz.i18n.t("component.mdCtrlSetting.asc"),
-      order: "asc"
-    }, {
-      text: ibiz.i18n.t("component.mdCtrlSetting.desc"),
-      order: "desc"
-    }];
-    const visible = vue.ref(false);
-    const currentPage = vue.ref("asc");
-    const selectedKey = vue.ref("");
-    const initData = () => {
-      if (props.sort) {
-        const {
-          key,
-          order
-        } = props.sort;
-        selectedKey.value = key;
-        currentPage.value = order;
-        return;
-      }
-      selectedKey.value = "";
-      currentPage.value = "asc";
-    };
-    const onOpenSortSetting = (e) => {
-      e.stopPropagation();
-      e.preventDefault();
-      visible.value = true;
-      initData();
-    };
-    const onTabChange = (order) => {
-      currentPage.value = order;
-    };
-    const onItemClick = (item) => {
-      const isCheck = selectedKey.value === item.value;
-      let key = item.value || "";
-      if (isCheck) {
-        key = "";
-      }
-      selectedKey.value = key;
-    };
-    const onConfirm = () => {
-      visible.value = false;
-      emit("sortChange", {
-        key: selectedKey.value || "",
-        order: currentPage.value
-      });
-    };
-    const onClose = () => {
-      visible.value = false;
-    };
-    vue.onUnmounted(() => {
-      selectedKey.value = "";
-      currentPage.value = "";
-    });
-    const renderListItem = (item) => {
-      const isCheck = selectedKey.value === item.value;
-      return vue.createVNode("div", {
-        "class": [ns.e("list-item"), ns.is("check", isCheck)],
-        "onClick": () => onItemClick(item)
-      }, [vue.createVNode("span", {
-        "class": ns.em("list-item", "text")
-      }, [item.label]), isCheck && vue.createVNode("span", {
-        "class": ns.em("list-item", "icon")
-      }, [vue.createVNode("svg", {
-        "viewBox": "0 0 16 16",
-        "xmlns": "http://www.w3.org/2000/svg",
-        "height": "1em",
-        "width": "1em"
-      }, [vue.createVNode("g", {
-        "stroke-width": "1",
-        "fill-rule": "evenodd"
-      }, [vue.createVNode("path", {
-        "d": "M6.012 11.201L1.313 6.832l-.817.879 5.54 5.15 9.304-9.163-.842-.855z"
-      }, null)])])])]);
-    };
-    const renderList = (listItems) => {
-      return vue.createVNode(vue.resolveComponent("van-list"), null, {
-        default: () => {
-          return listItems.map((item) => {
-            return vue.createVNode(vue.resolveComponent("van-cell"), null, {
-              default: () => {
-                return renderListItem(item);
-              }
-            });
-          });
-        }
-      });
-    };
-    const renderContent = () => {
-      let _slot;
-      return vue.createVNode("div", {
-        "class": ns.e("content")
-      }, [vue.createVNode("div", {
-        "class": ns.em("content", "header")
-      }, [vue.createVNode("div", {
-        "class": ns.em("content", "title")
-      }, [ibiz.i18n.t("component.mdCtrlSetting.sort")]), vue.createVNode(vue.resolveComponent("van-icon"), {
-        "name": "cross",
-        "class": ns.em("content", "icon"),
-        "onClick": onClose,
-        "title": ibiz.i18n.t("app.close")
-      }, null)]), vue.createVNode(vue.resolveComponent("van-tabs"), {
-        "class": ns.em("content", "tabs"),
-        "active": currentPage.value,
-        "onChange": onTabChange
-      }, {
-        default: () => {
-          return sortData.map((item) => {
-            return vue.createVNode(vue.resolveComponent("van-tab"), {
-              "class": ns.em("content", "tab-item"),
-              "name": item.order
-            }, {
-              default: () => renderList(props.listItems),
-              title: () => {
-                return vue.createVNode("div", null, [item.text]);
-              }
-            });
-          });
-        }
-      }), vue.createVNode("div", {
-        "class": ns.em("content", "bottom")
-      }, [vue.createVNode(vue.resolveComponent("van-button"), {
-        "type": "primary",
-        "block": true,
-        "onClick": onConfirm
-      }, _isSlot(_slot = ibiz.i18n.t("component.mdCtrlSetting.confirm")) ? _slot : {
-        default: () => [_slot]
-      })])]);
-    };
-    const renderPopup = () => {
-      return vue.createVNode(vue.resolveComponent("van-popup"), {
-        "close-on-popstate": true,
-        "show": visible.value,
-        "onUpdate:show": ($event) => visible.value = $event,
-        "round": true,
-        "class": ns.e("popup"),
-        "teleport": "body",
-        "position": "bottom"
-      }, {
-        default: () => renderContent()
-      });
-    };
-    const renderSetting = () => {
-      return vue.createVNode("div", {
-        "class": ns.e("setting"),
-        "title": ibiz.i18n.t("component.mdCtrlSetting.sort"),
-        "onClick": onOpenSortSetting
-      }, [vue.createVNode("svg", {
-        "class": ns.em("setting", "icon"),
-        "viewBox": "0 0 1024 1024",
-        "version": "1.1",
-        "xmlns": "http://www.w3.org/2000/svg",
-        "p-id": "10950",
-        "height": "1em",
-        "width": "1em"
-      }, [vue.createVNode("path", {
-        "d": "M83.6 263.2H590c20.8 0 37.6-16.9 37.6-37.6S610.7 188 590 188H83.6C62.8 188 46 204.9 46 225.6s16.9 37.6 37.6 37.6zM538.3 513.5c0-20.8-16.9-37.6-37.6-37.6h-417c-20.8 0-37.6 16.9-37.6 37.6s16.9 37.6 37.6 37.6h417c20.8 0.1 37.6-16.8 37.6-37.6zM381.5 729.1H83.6C62.8 729.1 46 746 46 766.7s16.9 37.6 37.6 37.6h297.9c20.8 0 37.6-16.9 37.6-37.6s-16.8-37.6-37.6-37.6zM967 582.7c-14.7-14.7-38.5-14.7-53.2 0L782.3 714.1V205.7c0-20.8-16.9-37.6-37.6-37.6S707 184.9 707 205.7v503.8L580.3 582.7c-14.7-14.7-38.5-14.7-53.2 0s-14.7 38.5 0 53.2l220 220 220-220c14.6-14.6 14.6-38.5-0.1-53.2z",
-        "p-id": "10951"
-      }, null)])]);
-    };
-    return {
-      ns,
-      renderSetting,
-      renderPopup,
-      renderContent
-    };
-  },
-  render() {
-    return vue.createVNode("div", {
-      "class": [this.ns.b()]
-    }, [this.renderSetting(), this.renderPopup()]);
-  }
-});
-
-exports.IBizMdCtrlSetting = IBizMdCtrlSetting;

package/lib/common/md-ctrl-setting/md-ctrl-setting.css

@@ -1 +0,0 @@
-.ibiz-md-ctrl-setting{--ibiz-md-ctrl-setting-active-bg-color:var(--ibiz-color-primary-light-default);--ibiz-md-ctrl-setting-active-color:var(--ibiz-color-primary);--ibiz-md-ctrl-setting-popup-height:80%}.ibiz-md-ctrl-setting__setting{font-size:var(--ibiz-font-size-header-4);cursor:pointer}.ibiz-md-ctrl-setting__setting svg{fill:var(--van-gray-6)}.ibiz-md-ctrl-setting__popup{--ibiz-md-ctrl-setting-active-bg-color:var(--ibiz-color-primary-light-default);--ibiz-md-ctrl-setting-active-color:var(--ibiz-color-primary);--ibiz-md-ctrl-setting-popup-height:80%;height:var(--ibiz-md-ctrl-setting-popup-height)}.ibiz-md-ctrl-setting__content{display:flex;flex-direction:column;height:100%}.ibiz-md-ctrl-setting__content--header{display:flex;align-items:center;justify-content:space-between;min-height:var(--ibiz-height-control-default);padding:var(--ibiz-spacing-base)}.ibiz-md-ctrl-setting__content--tabs{flex:1;padding:0 var(--ibiz-spacing-base);margin-bottom:var(--ibiz-spacing-tight);overflow:hidden}.ibiz-md-ctrl-setting__content--tabs .van-tabs__line{display:none}.ibiz-md-ctrl-setting__content--tabs .van-tab--line{min-height:var(--van-tabs-line-height);border:1px solid var(--ibiz-color-border)}.ibiz-md-ctrl-setting__content--tabs .van-tab--line:nth-child(1){border-right:none;border-radius:var(--ibiz-border-radius-small) 0 0 var(--ibiz-border-radius-small)}.ibiz-md-ctrl-setting__content--tabs .van-tab--line:nth-child(1).van-tab--active{border:1px solid var(--ibiz-md-ctrl-setting-active-color)}.ibiz-md-ctrl-setting__content--tabs .van-tab--line:nth-child(1).van-tab--active+.van-tab--line{border-left:none}.ibiz-md-ctrl-setting__content--tabs .van-tab--line:nth-child(2){border-radius:0 var(--ibiz-border-radius-small) var(--ibiz-border-radius-small) 0}.ibiz-md-ctrl-setting__content--tabs .van-tab--line.van-tab--active{font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-md-ctrl-setting-active-color);background-color:var(--ibiz-md-ctrl-setting-active-bg-color);border-color:var(--ibiz-md-ctrl-setting-active-color)}.ibiz-md-ctrl-setting__content--tabs .van-tabs__content{height:100%;overflow-y:auto}.ibiz-md-ctrl-setting__content--tabs .van-tabs__content .van-cell::after{right:0;left:0}.ibiz-md-ctrl-setting__content--bottom{padding:0 var(--ibiz-spacing-tight) var(--ibiz-spacing-loose) var(--ibiz-spacing-tight)}.ibiz-md-ctrl-setting__content--icon{font-size:var(--van-popup-close-icon-size);color:var(--van-popup-close-icon-color);cursor:pointer}.ibiz-md-ctrl-setting__list-item{display:flex;align-items:center;justify-content:space-between;height:var(--ibiz-height-control-default);margin:var(--ibiz-spacing-tight) 0;overflow:hidden;font-size:var(--ibiz-font-size-header-6)}.ibiz-md-ctrl-setting__list-item--icon{display:inline-flex;align-items:center}.ibiz-md-ctrl-setting__list-item--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-md-ctrl-setting__list-item.is-check{padding-right:var(--ibiz-spacing-extra-tight);color:var(--ibiz-md-ctrl-setting-active-color)}.ibiz-md-ctrl-setting__list-item.is-check svg{fill:var(--ibiz-md-ctrl-setting-active-color)}

package/lib/control/dashboard/portlet/portlet-part/index.cjs

@@ -1,7 +0,0 @@
-'use strict';
-
-var portletPart_state = require('./portlet-part.state.cjs');
-
-"use strict";
-
-exports.PortletPartState = portletPart_state.PortletPartState;

package/lib/control/dashboard/portlet/portlet-part/portlet-part.state.cjs

@@ -1,52 +0,0 @@
-'use strict';
-
-"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 PortletPartState {
-  constructor() {
-    __publicField(this, "hightLight", false);
-    __publicField(this, "visible", true);
-    __publicField(this, "keepAlive", false);
-    __publicField(this, "layout", {
-      width: "",
-      height: "",
-      extraStyle: {},
-      extraClass: [],
-      contentStyle: {}
-    });
-    __publicField(this, "class", {
-      container: [],
-      containerDyna: []
-    });
-    /**
-     * 上下文
-     *
-     * @author zhanghengfeng
-     * @date 2024-08-05 20:08:34
-     * @type {IContext}
-     */
-    __publicField(this, "context");
-    /**
-     * 界面行为组状态
-     *
-     * @type {(IButtonContainerState | null)}
-     * @memberof PortletPartState
-     */
-    __publicField(this, "actionGroupState", null);
-    /**
-     * 门户标题
-     *
-     * @author zhanghengfeng
-     * @date 2024-08-05 20:08:48
-     * @type {(string | undefined)}
-     */
-    __publicField(this, "title");
-  }
-}
-
-exports.PortletPartState = PortletPartState;

package/lib/control/list/list-render-util.cjs

@@ -1,132 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-
-"use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
-}
-function useListRender(props, c, ns) {
-  const isSelect = (row) => {
-    const findIndex = c.state.selectedData.findIndex((data) => {
-      return data.srfkey === row.srfkey;
-    });
-    return findIndex !== -1;
-  };
-  const calcItemClass = (row) => {
-    const select = isSelect(row);
-    const itemClass = [ns.b("item"), ns.is("active", select)];
-    return itemClass;
-  };
-  const calcItemStyle = (row) => {
-    const cardStyle = {};
-    Object.assign(cardStyle, ns.cssVarBlock({
-      "item-bg-color": `${row.bgcolor || ""}`,
-      "item-font-color": `${row.fontcolor || ""}`,
-      "item-hover-color": `${row.hovercolor || ""}`,
-      "item-active-color": `${row.activecolor || ""}`
-    }));
-    return cardStyle;
-  };
-  const renderRightSlot = (row) => {
-    const select = isSelect(row);
-    return vue.createVNode(vue.resolveComponent("van-checkbox"), {
-      "class": ns.bm("item", "right"),
-      "checked": select
-    }, null);
-  };
-  const renderIcon = (row) => {
-    return vue.createVNode("img", {
-      "class": ns.b("image"),
-      "src": row.image,
-      "alt": ""
-    }, null);
-  };
-  const renderItemContent = (row) => {
-    const itemClass = calcItemClass(row);
-    const itemStyle = calcItemStyle(row);
-    const slotOption = {};
-    if (Object.prototype.hasOwnProperty.call(row, "image") && row.image) {
-      Object.assign(slotOption, {
-        icon: renderIcon(row)
-      });
-    }
-    if (props.mode === "SELECT") {
-      Object.assign(slotOption, {
-        "right-icon": renderRightSlot(row)
-      });
-    }
-    return vue.createVNode(vue.resolveComponent("van-cell"), {
-      "class": itemClass,
-      "style": itemStyle,
-      "is-link": true,
-      "title": row.srfmajortext || "",
-      "onClick": (event) => c.onRowClick(row, event)
-    }, _isSlot(slotOption) ? slotOption : {
-      default: () => [slotOption]
-    });
-  };
-  const renderPanelItem = (item, modelData) => {
-    const {
-      context,
-      params
-    } = c;
-    const itemClass = calcItemClass(item);
-    const itemStyle = calcItemStyle(item);
-    const content = vue.createVNode(vue.resolveComponent("iBizControlShell"), {
-      "data": item,
-      "class": itemClass,
-      "style": itemStyle,
-      "modelData": modelData,
-      "context": context,
-      "params": params,
-      "onClick": (event) => c.onRowClick(item, event)
-    }, null);
-    if (props.mode === "SELECT") {
-      return vue.createVNode("div", {
-        "class": ns.b("select-item")
-      }, [vue.createVNode(vue.resolveComponent("van-checkbox"), {
-        "checked": isSelect(item),
-        "onClick": (event) => c.onRowClick(item, event)
-      }, null), content]);
-    }
-    return content;
-  };
-  const renderItem = (row) => {
-    const panel = c.model.itemLayoutPanel;
-    return props.modelData.name !== "simplelist" && panel ? renderPanelItem(row, panel) : renderItemContent(row);
-  };
-  const renderNoData = () => {
-    const {
-      isLoaded
-    } = c.state;
-    if (!isLoaded) {
-      return;
-    }
-    return isLoaded && vue.createVNode(vue.resolveComponent("iBizNoData"), {
-      "text": c.model.emptyText,
-      "emptyTextLanguageRes": c.model.emptyTextLanguageRes
-    }, null);
-  };
-  const loadMoreIcon = () => {
-    return vue.createVNode("div", {
-      "class": ns.b("load-more"),
-      "onClick": () => c.loadMore()
-    }, [vue.createVNode("span", null, [ibiz.i18n.t("control.common.loadMore")])]);
-  };
-  const renderLoadMore = () => {
-    let icon = null;
-    const loadMore = c.state.items.length < c.state.total && c.state.total > c.state.size;
-    if (loadMore) {
-      icon = loadMoreIcon();
-    }
-    return icon;
-  };
-  return {
-    renderNoData,
-    renderItem,
-    renderLoadMore
-  };
-}
-
-exports.useListRender = useListRender;

package/lib/control/toolbar/popper-toolbar/popper-toolbar.cjs

@@ -1,159 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var vue3Util = require('@ibiz-template/vue3-util');
-require('./popper-toolbar.css');
-
-"use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
-}
-const IBizPopperToolbar = /* @__PURE__ */ vue.defineComponent({
-  name: "IBizPopperToolbar",
-  props: {
-    modelData: {
-      type: Object,
-      required: true
-    },
-    context: {
-      type: Object,
-      required: true
-    },
-    params: {
-      type: Object,
-      default: () => ({})
-    },
-    controller: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(props, {
-    slots
-  }) {
-    const c = props.controller;
-    const ns = vue3Util.useNamespace(`popper-toolbar`);
-    const contentRef = vue.ref();
-    let direction = "horizontal";
-    let placement = "left";
-    if (c.controlParams) {
-      direction = c.controlParams.direction || "horizontal";
-      placement = c.controlParams.placement || "left";
-    }
-    const btnType = (item) => {
-      const result = item.buttonStyle || "default";
-      return result.toLowerCase();
-    };
-    const handleClick = async (item, event) => {
-      await c.onItemClick(item, event);
-    };
-    const renderToolbarItem = (item) => {
-      var _a, _b, _c;
-      const itemId = item.id;
-      if (["SEPERATOR", "RAWITEM"].includes(item.itemType)) {
-        ibiz.log.error(ibiz.i18n.t("control.toolbar.noSupportType", {
-          itemType: item.itemType
-        }));
-        return null;
-      }
-      if (item.itemType === "ITEMS" && ((_a = c.state.buttonsState[itemId]) == null ? void 0 : _a.visible)) {
-        return vue.createVNode("div", {
-          "key": itemId,
-          "class": [ns.e("item"), ns.e("item-items")]
-        }, [vue.createVNode(vue.resolveComponent("van-popover"), {
-          "placement": placement,
-          "actions-direction": direction,
-          "teleport": (_b = contentRef.value) == null ? void 0 : _b.$el,
-          "actions": item.detoolbarItems,
-          "onSelect": (data, e) => {
-            handleClick(data, e);
-          }
-        }, {
-          action: ({
-            action
-          }) => {
-            const image = action.sysImage;
-            let icon = null;
-            let text = null;
-            if (action.showIcon) {
-              icon = vue.createVNode(vue.resolveComponent("iBizIcon"), {
-                "class": ns.e("icon"),
-                "icon": image
-              }, null);
-            }
-            if (action.showCaption) {
-              text = action.caption;
-            }
-            return vue.createVNode(vue.resolveComponent("van-button"), {
-              "round": true,
-              "type": btnType(action)
-            }, {
-              default: () => [icon, text]
-            });
-          },
-          reference: () => {
-            const image = item.sysImage;
-            let icon = null;
-            let text = null;
-            if (item.showIcon) {
-              icon = vue.createVNode(vue.resolveComponent("iBizIcon"), {
-                "class": ns.e("icon"),
-                "icon": image
-              }, null);
-            }
-            if (item.showCaption) {
-              text = item.caption;
-            }
-            return vue.createVNode(vue.resolveComponent("van-button"), {
-              "round": true,
-              "type": btnType(item)
-            }, {
-              default: () => [icon, text]
-            });
-          }
-        })]);
-      }
-      if (item.itemType === "DEUIACTION" && ((_c = c.state.buttonsState[itemId]) == null ? void 0 : _c.visible)) {
-        let _slot;
-        return vue.createVNode("div", {
-          "key": itemId,
-          "class": [ns.e("item"), ns.e("item-deuiaction"), ns.is("disabled", c.state.buttonsState[itemId].disabled)]
-        }, [vue.createVNode(vue.resolveComponent("van-button"), {
-          "title": item.tooltip,
-          "type": btnType(item),
-          "round": true,
-          "loading": c.state.buttonsState[itemId].loading,
-          "disabled": c.state.buttonsState[itemId].disabled,
-          "onClick": (e) => handleClick(item, e)
-        }, _isSlot(_slot = slots.btnContent(item)) ? _slot : {
-          default: () => [_slot]
-        })]);
-      }
-      return null;
-    };
-    return {
-      c,
-      ns,
-      direction,
-      contentRef,
-      renderToolbarItem
-    };
-  },
-  render() {
-    return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
-      "ref": "contentRef",
-      "controller": this.c,
-      "class": [this.ns.b(), this.ns.m(this.direction)]
-    }, {
-      default: () => {
-        var _a;
-        return [(_a = this.modelData.detoolbarItems) == null ? void 0 : _a.map((item) => {
-          const toolbarItemNode = this.renderToolbarItem(item);
-          return toolbarItemNode;
-        })];
-      }
-    });
-  }
-});
-
-exports.IBizPopperToolbar = IBizPopperToolbar;

package/lib/control/toolbar/popper-toolbar/popper-toolbar.css

@@ -1 +0,0 @@
-.ibiz-popper-toolbar{flex-direction:column}.ibiz-popper-toolbar__item{margin:.25rem 0}.ibiz-popper-toolbar.ibiz-control-toolbar{position:fixed;right:var(--van-back-top-right);bottom:calc(50px + var(--van-back-top-bottom));z-index:99;height:auto}.ibiz-popper-toolbar .van-popover{--van-popup-background:transparent;--van-popover-light-background:transparent;--van-popover-action-width:80px;max-height:unset}.ibiz-popper-toolbar .van-popover .van-popover__content{overflow:visible;box-shadow:none}.ibiz-popper-toolbar .van-popover .van-popover__content--horizontal .van-popover__action{padding:0 .25rem}.ibiz-popper-toolbar .van-popover .van-popover__content--vertical .van-popover__action{padding:0;margin:.25rem 0}.ibiz-popper-toolbar .van-button{min-width:2.75rem}.ibiz-popper-toolbar .van-button__text{display:flex;align-items:center;gap:var(--ibiz-spacing-extra-tight);white-space:nowrap}