@ibiz-template/vue3-components 0.7.14 → 0.7.16-alpha.0

package/lib/panel-component/short-cut/short-cut.cjs

@@ -91,7 +91,7 @@ const ShortCut = /* @__PURE__ */ vue.defineComponent({
     const renderDraggable = (isVertical) => {
       return vue.createVNode(draggable, {
         "itemKey": "key",
-        "class": [ns.e("draggable"), ns.is("vertical", isVertical), ns.is("horizontal", !isVertical)],
+        "class": [ns.e("draggable"), ns.is("horizontal", !isVertical), ns.is("vertical", isVertical)],
         "modelValue": data,
         "group": props.controller.model.id,
         "onChange": (evt) => onChange(evt)
@@ -102,7 +102,7 @@ const ShortCut = /* @__PURE__ */ vue.defineComponent({
         }) => {
           if (isVertical && !isShowToolbar.value || isVertical && isShowToolbar.value && index > 5 || !isVertical && index < 6) {
             return vue.createVNode("div", {
-              "class": ns.e("item"),
+              "class": [ns.e("item"), ns.e("draggable-item")],
               "title": element.caption,
               "onClick": () => onClick(element)
             }, [vue.createVNode("svg", {
@@ -140,9 +140,9 @@ const ShortCut = /* @__PURE__ */ vue.defineComponent({
         }
       });
     };
-    const renderFoolterToolbar = () => {
+    const renderAction = () => {
       return vue.createVNode("div", {
-        "class": [ns.e("action"), ns.is("hidden", isShowToolbar.value)],
+        "class": [ns.e("item"), ns.e("action-item"), ns.is("hidden", isShowToolbar.value)],
         "onClick": onShowChange
       }, [vue.createVNode("ion-icon", {
         "class": ["expand-icon", "icon"],
@@ -151,7 +151,7 @@ const ShortCut = /* @__PURE__ */ vue.defineComponent({
         "class": ns.em("item", "caption")
       }, [ibiz.i18n.t("panelComponent.shortCut.expandToolbar")])]);
     };
-    const renderMoreToolbar = () => {
+    const renderMore = () => {
       return vue.createVNode(vue.resolveComponent("el-popover"), {
         "visible": isShowMore.value,
         "onUpdate:visible": ($event) => isShowMore.value = $event,
@@ -162,7 +162,7 @@ const ShortCut = /* @__PURE__ */ vue.defineComponent({
       }, {
         reference: () => {
           return vue.createVNode("div", {
-            "class": ns.e("more")
+            "class": [ns.e("more"), ns.e("operate")]
           }, [vue.createVNode(vue.resolveComponent("el-tooltip"), {
             "content": ibiz.i18n.t("app.more"),
             "placement": "top"
@@ -170,42 +170,45 @@ const ShortCut = /* @__PURE__ */ vue.defineComponent({
             default: () => [vue.createVNode("div", null, [vue.createVNode("span", {
               "class": ns.em("more", "caption")
             }, [isShowToolbar.value ? "6/".concat(data.length) : data.length]), vue.createVNode("i", {
-              "class": ["fa", ns.em("more", "icon"), isShowMore.value ? "fa-angle-double-down" : "fa-angle-double-up"],
+              "class": ["fa", "icon", "more-icon", isShowMore.value ? "fa-angle-double-down" : "fa-angle-double-up"],
               "aria-hidden": "true"
             }, null)])]
           })]);
         },
         default: () => {
-          return [renderDraggable(true), renderFoolterToolbar()];
+          return [renderDraggable(true), renderAction()];
         }
       });
     };
+    const renderRecover = () => {
+      return vue.createVNode("div", {
+        "class": [ns.e("recover"), ns.e("operate")],
+        "onClick": onShowChange
+      }, [vue.createVNode(vue.resolveComponent("el-tooltip"), {
+        "effect": "dark",
+        "content": ibiz.i18n.t("app.retract"),
+        "placement": "top"
+      }, {
+        default: () => [vue.createVNode("ion-icon", {
+          "class": ["recover-icon", "icon"],
+          "name": "chevron-forward-outline"
+        }, null)]
+      })]);
+    };
     return {
       ns,
       data,
       isShowToolbar,
       onChange,
-      onShowChange,
       renderDraggable,
-      renderMoreToolbar
+      renderMore,
+      renderRecover
     };
   },
   render() {
     return vue.createVNode("div", {
       "class": [this.ns.b(), ...this.controller.containerClass, this.ns.is("conceal", this.data.length === 0)]
-    }, [this.isShowToolbar && this.renderDraggable(false), (!this.isShowToolbar || this.data.length > 6) && this.renderMoreToolbar(), this.isShowToolbar && vue.createVNode("div", {
-      "class": this.ns.e("recover"),
-      "onClick": this.onShowChange
-    }, [vue.createVNode(vue.resolveComponent("el-tooltip"), {
-      "effect": "dark",
-      "content": ibiz.i18n.t("app.retract"),
-      "placement": "top"
-    }, {
-      default: () => [vue.createVNode("ion-icon", {
-        "class": ["recover-icon", "icon"],
-        "name": "chevron-forward-outline"
-      }, null)]
-    })])]);
+    }, [this.isShowToolbar && this.renderDraggable(false), (!this.isShowToolbar || this.data.length > 6) && this.renderMore(), this.isShowToolbar && this.renderRecover()]);
   }
 });
 

package/lib/panel-component/short-cut/short-cut.css

@@ -1 +1 @@
-.ibiz-short-cut{z-index:2;bottom:26px;display:flex;position:fixed;border-radius:4px;align-items:center;box-shadow:0 0 16px rgba(0,0,0,.0784313725);background:var(--ibiz-color-bg-1);right:var(--ibiz-spacing-base-loose);border:1px solid var(--ibiz-color-border)}.ibiz-short-cut.is-conceal{visibility:hidden}.ibiz-short-cut__more{padding:2px;cursor:pointer}.ibiz-short-cut__more .el-tooltip__trigger{padding:8px;line-height:16px}.ibiz-short-cut__more .el-tooltip__trigger:hover{border-radius:2px;color:var(--ibiz-color-primary);background-color:var(--ibiz-color-primary-light-default)}.ibiz-short-cut__more .recover-icon{font-size:16px;margin-left:8px}.ibiz-short-cut__recover{padding:2px;display:flex;cursor:pointer;align-items:center}.ibiz-short-cut__recover .el-tooltip__trigger{padding:8px;line-height:16px}.ibiz-short-cut__recover .el-tooltip__trigger:hover{border-radius:2px;color:var(--ibiz-color-primary);background-color:var(--ibiz-color-primary-light-default)}.ibiz-short-cut__action{display:flex;cursor:pointer;position:relative;align-items:center;flex-flow:row nowrap;place-content:center flex-start;width:225px;height:44px;padding:9px 20px}.ibiz-short-cut__action .expand-icon{font-size:16px;margin-right:8px}.ibiz-short-cut__item{display:flex;cursor:pointer;position:relative;align-items:center;flex-flow:row nowrap;place-content:center flex-start}.ibiz-short-cut__item .icon{flex-shrink:0;font-size:16px}.ibiz-short-cut__item .drag-icon{display:none;margin-right:8px}.ibiz-short-cut__item .caption-icon{margin-right:8px}.ibiz-short-cut__item .close-icon{visibility:hidden}.ibiz-short-cut__item .close-icon:hover{color:var(--ibiz-color-danger-hover)}.ibiz-short-cut__item--caption{flex-grow:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ibiz-short-cut__item:hover .drag-icon{display:block}.ibiz-short-cut__item:hover .caption-icon{display:none}.ibiz-short-cut__item:hover .close-icon{visibility:visible}.ibiz-short-cut .is-horizontal{display:flex;padding:8px 0}.ibiz-short-cut .is-horizontal .ibiz-short-cut__item{max-width:168px;min-width:84px;padding:0 12px;border-right:1px solid var(--ibiz-color-border)}.ibiz-short-cut .is-horizontal .ibiz-short-cut__item .close-icon{right:0;position:absolute;padding-right:4px;background-color:var(--ibiz-color-white);box-shadow:-10px 0 20px 8px var(--ibiz-color-white)}.ibiz-short-cut__popover .is-hidden{display:none}.ibiz-short-cut__popover.el-popover.el-popper{padding:10px 0}.ibiz-short-cut__popover .is-vertical{max-height:400px;overflow-y:auto}.ibiz-short-cut__popover .is-vertical .ibiz-short-cut__item{width:225px;height:44px;padding:9px 20px}.ibiz-short-cut__popover .is-vertical .ibiz-short-cut__item:hover{background-color:var(--ibiz-color-fill-1)}
+.ibiz-short-cut{z-index:2;display:flex;position:fixed;box-shadow:0 0 var(--ibiz-spacing-base) rgba(0,0,0,.0784313725);background:var(--ibiz-color-bg-1);right:var(--ibiz-spacing-base-loose);bottom:var(--ibiz-spacing-base-loose);padding:var(--ibiz-spacing-extra-tight);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-small)}.ibiz-short-cut.is-conceal{visibility:hidden}.ibiz-short-cut .icon{flex-shrink:0;font-size:var(--ibiz-width-icon-medium)}.ibiz-short-cut__operate{cursor:pointer}.ibiz-short-cut__operate .el-tooltip__trigger{padding:var(--ibiz-spacing-tight);line-height:20px}.ibiz-short-cut__operate .el-tooltip__trigger:hover{color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-extra-small);background-color:var(--ibiz-color-primary-light-default)}.ibiz-short-cut__more .more-icon{margin-left:var(--ibiz-spacing-tight)}.ibiz-short-cut__recover{margin-left:var(--ibiz-spacing-extra-tight)}.ibiz-short-cut__recover .recover-icon{transform:translate(0,3px)}.ibiz-short-cut__item{display:flex;cursor:pointer;position:relative;align-items:center;flex-flow:row nowrap;place-content:center flex-start}.ibiz-short-cut__item .drag-icon{display:none}.ibiz-short-cut__item .caption-icon,.ibiz-short-cut__item .drag-icon,.ibiz-short-cut__item .expand-icon{margin-right:var(--ibiz-spacing-tight)}.ibiz-short-cut__item .close-icon{visibility:hidden}.ibiz-short-cut__item .close-icon:hover{color:var(--ibiz-color-danger-hover)}.ibiz-short-cut__item--caption{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ibiz-short-cut__item:hover .drag-icon{display:block}.ibiz-short-cut__item:hover .caption-icon{display:none}.ibiz-short-cut__item:hover .close-icon{visibility:visible}.ibiz-short-cut__item.is-hidden{display:none}.ibiz-short-cut__draggable.is-horizontal{display:flex}.ibiz-short-cut__draggable.is-horizontal .ibiz-short-cut__item{max-width:150px;min-width:90px;padding:0 var(--ibiz-spacing-base-tight);border-right:1px solid var(--ibiz-color-border)}.ibiz-short-cut__draggable.is-horizontal .ibiz-short-cut__item .close-icon{right:0;position:absolute;padding-right:var(--ibiz-spacing-tight);background-color:var(--ibiz-color-white);box-shadow:-10px 0 20px 8px var(--ibiz-color-white)}.ibiz-short-cut__draggable.is-vertical{max-height:400px;overflow-y:auto}.ibiz-short-cut__draggable.is-vertical .ibiz-short-cut__item{width:225px;height:44px;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose)}.ibiz-short-cut__draggable.is-vertical .ibiz-short-cut__item:hover{background-color:var(--ibiz-color-fill-1)}.ibiz-short-cut__draggable+.ibiz-short-cut__more{margin-left:var(--ibiz-spacing-extra-tight)}.ibiz-short-cut__popover .icon{flex-shrink:0;font-size:var(--ibiz-width-icon-medium)}.ibiz-short-cut__popover.el-popover.el-popper{padding:var(--ibiz-spacing-base-tight) 0}.ibiz-short-cut__action-item{width:225px;height:44px;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose)}

package/lib/view-engine/edit-view.engine.cjs

@@ -99,7 +99,11 @@ class EditViewEngine extends runtime.ViewEngineBase {
     };
     this.form.evt.on("onLoadSuccess", (event) => {
       formDataStateChange(event);
-      this.view.state.srfactiveviewdata = event.data[0];
+      const data = event.data[0];
+      this.view.state.srfactiveviewdata = data;
+      if (data.srfreadonly) {
+        this.view.context.srfreadonly = true;
+      }
       evt.emit("onDataChange", { ...event, actionType: "LOAD" });
     });
     this.form.evt.on("onLoadDraftSuccess", (event) => {

package/lib/view-engine/opt-view.engine.cjs

@@ -66,7 +66,11 @@ class OptViewEngine extends runtime.ViewEngineBase {
       }
     };
     this.form.evt.on("onLoadSuccess", (event) => {
-      this.view.state.srfactiveviewdata = event.data[0];
+      const data = event.data[0];
+      this.view.state.srfactiveviewdata = data;
+      if (data.srfreadonly) {
+        this.view.context.srfreadonly = true;
+      }
       formDataStateChange(event);
     });
     this.form.evt.on("onLoadDraftSuccess", (event) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.14",
+  "version": "0.7.16-alpha.0",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -30,14 +30,14 @@
     "@floating-ui/dom": "^1.5.3",
     "@ibiz-template-plugin/ai-chat": "^0.0.5",
     "@ibiz-template-plugin/gantt": "0.1.4",
-    "@ibiz-template/core": "0.7.7-dev.0",
+    "@ibiz-template/core": "0.7.16-alpha.0",
     "@ibiz-template/devtool": "0.0.1-dev.6",
-    "@ibiz-template/model-helper": "0.7.14",
-    "@ibiz-template/runtime": "0.7.14",
+    "@ibiz-template/model-helper": "0.7.16-alpha.0",
+    "@ibiz-template/runtime": "0.7.16-alpha.0",
     "@ibiz-template/theme": "^0.7.0",
-    "@ibiz-template/vue3-util": "0.7.14",
+    "@ibiz-template/vue3-util": "0.7.16-alpha.0",
     "@ibiz-template/web-theme": "^1.1.17",
-    "@ibiz/model-core": "^0.1.26",
+    "@ibiz/model-core": "^0.1.27",
     "@imengyu/vue3-context-menu": "^1.3.5",
     "@monaco-editor/loader": "^1.4.0",
     "@wangeditor/editor": "^5.1.23",
@@ -101,7 +101,7 @@
     "@ibiz-template/runtime": "^0.7.0",
     "@ibiz-template/theme": "^0.7.0",
     "@ibiz-template/vue3-util": "^0.7.0",
-    "@ibiz/model-core": "^0.1.26",
+    "@ibiz/model-core": "^0.1.27",
     "@imengyu/vue3-context-menu": "^1.3.3",
     "@monaco-editor/loader": "^1.3.3",
     "@wangeditor/editor": "^5.1.23",