super-page-designer 0.0.1-tmp7 → 0.0.2-tmp3

package/dist/es/components/design/views/assemblys/workflow/text-history/texthistory-design.vue2.js

@@ -1,13 +1,6 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
-import _imports_0 from "../../../../../../assets/images/workflow/workflow-texthistory .png.js";
-const _hoisted_1 = { style: { "text-align": "center" } };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("img", {
-  style: { "width": "100px", "height": "100px" },
-  src: _imports_0
-}, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
-];
+import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, normalizeStyle, createBlock, withCtx, Fragment, renderList, createVNode, createTextVNode, toDisplayString, createElementVNode } from "vue";
+import { caculateComponentProps } from "../../../../utils/form-design-util.js";
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("div", { style: { "margin": "10px 0 15px 10px", "text-align": "center", "font-size": "20px" } }, "文本流转历史", -1);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "texthistory-design",
   props: {
@@ -18,8 +11,171 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     if (props.configure.title == void 0) {
       props.configure.title = "button";
     }
+    const tableData = [
+      {
+        taskName: "流程开始",
+        creatorName: "管理员",
+        departmentName: "采购部",
+        formatCreatedTime: "YYYY-MM-DD HH:mm:ss",
+        bundleCode: "[供应商审核流程]流程开始",
+        opinion: ""
+      },
+      {
+        taskName: "审核供应商",
+        creatorName: "管理员",
+        departmentName: "采购部",
+        formatCreatedTime: "YYYY-MM-DD HH:mm:ss",
+        bundleCode: "管理员执行了[提交]操作",
+        opinion: ""
+      },
+      {
+        taskName: "品质主管审核",
+        creatorName: "管理员",
+        departmentName: "采购部",
+        formatCreatedTime: "YYYY-MM-DD HH:mm:ss",
+        bundleCode: "[供应商审核流程]流程结束",
+        opinion: ""
+      }
+    ];
+    const designStyle = ref({});
+    const designProperty = ref({});
+    function getRestsParameter() {
+      let defineProps = props.configure.props ? props.configure.props : {};
+      const propsBase = defineProps.base ? defineProps.base : {};
+      const tempProps = {};
+      if (propsBase["layout"]) {
+        tempProps["layout"] = propsBase["layout"];
+      }
+      Object.assign(designProperty.value, tempProps);
+    }
+    function getRestsStyle() {
+      const defineStyle = {};
+      const tempStyle = {};
+      if (props.configure.style) {
+        for (let pro in props.configure.style) {
+          const proValue = props.configure.style[pro];
+          if (proValue != void 0 && proValue != null && proValue != "") {
+            defineStyle[pro] = proValue;
+          }
+        }
+      }
+      if (defineStyle.paddingTop) {
+        tempStyle["padding-top"] = defineStyle.paddingTop + "px";
+      }
+      if (defineStyle.paddingRight) {
+        tempStyle["padding-right"] = defineStyle.paddingRight + "px";
+      }
+      if (defineStyle.paddingBottom) {
+        tempStyle["padding-bottom"] = defineStyle.paddingBottom + "px";
+      }
+      if (defineStyle.paddingLeft) {
+        tempStyle["padding-left"] = defineStyle.paddingLeft + "px";
+      }
+      designStyle.value = tempStyle;
+    }
+    watch(props.configure.style, () => {
+      getRestsStyle();
+      props.configure.runtime.style = designStyle.value;
+    }, { immediate: true });
+    watch(props.configure.props, () => {
+      caculateComponentProps(props.configure, designProperty);
+      getRestsParameter();
+      props.configure.runtime.props = designProperty.value;
+    }, { immediate: true });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, _hoisted_3);
+      const _component_el_timeline_item = resolveComponent("el-timeline-item");
+      const _component_el_timeline = resolveComponent("el-timeline");
+      const _component_el_step = resolveComponent("el-step");
+      const _component_el_steps = resolveComponent("el-steps");
+      const _component_el_table_column = resolveComponent("el-table-column");
+      const _component_el_table = resolveComponent("el-table");
+      return openBlock(), createElementBlock("div", {
+        style: normalizeStyle(designStyle.value)
+      }, [
+        _hoisted_1,
+        designProperty.value.layout && designProperty.value.layout === "landscape" ? (openBlock(), createBlock(_component_el_timeline, {
+          key: 0,
+          class: "horizontal-timeline"
+        }, {
+          default: withCtx(() => [
+            (openBlock(), createElementBlock(Fragment, null, renderList(tableData, (activity, index) => {
+              return createVNode(_component_el_timeline_item, {
+                key: index,
+                timestamp: activity.formatCreatedTime
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(activity.taskName), 1)
+                ]),
+                _: 2
+              }, 1032, ["timestamp"]);
+            }), 64))
+          ]),
+          _: 1
+        })) : designProperty.value.layout && designProperty.value.layout === "lengthways" ? (openBlock(), createBlock(_component_el_steps, {
+          key: 1,
+          "align-center": ""
+        }, {
+          default: withCtx(() => [
+            (openBlock(), createElementBlock(Fragment, null, renderList(tableData, (activity, index) => {
+              return createVNode(_component_el_step, {
+                key: index,
+                title: activity.taskName,
+                description: activity.formatCreatedTime
+              }, null, 8, ["title", "description"]);
+            }), 64))
+          ]),
+          _: 1
+        })) : (openBlock(), createBlock(_component_el_table, {
+          key: 2,
+          data: tableData,
+          style: { "width": "100%" }
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_el_table_column, {
+              label: "序号",
+              type: "index",
+              align: "center",
+              width: "80"
+            }),
+            createVNode(_component_el_table_column, {
+              prop: "taskName",
+              label: "环节名称",
+              align: "center",
+              width: "120"
+            }),
+            createVNode(_component_el_table_column, {
+              prop: "creatorName",
+              label: "操作人",
+              align: "center",
+              width: "100"
+            }),
+            createVNode(_component_el_table_column, {
+              prop: "departmentName",
+              label: "操作部门",
+              align: "center",
+              width: "100"
+            }),
+            createVNode(_component_el_table_column, {
+              prop: "formatCreatedTime",
+              label: "操作时间",
+              align: "center",
+              width: "280"
+            }),
+            createVNode(_component_el_table_column, {
+              prop: "bundleCode",
+              label: "流转操作",
+              align: "center",
+              width: "240"
+            }),
+            createVNode(_component_el_table_column, {
+              prop: "opinion",
+              label: "办理意见",
+              align: "center"
+            })
+          ]),
+          _: 1
+        }))
+      ], 4);
     };
   }
 });

package/dist/es/components/design/views/assemblys/workflow/workflow-button/workflowbutton-attr-base.vue.js

@@ -10,7 +10,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     default: () => ({ props: {} })
   },
   setup(__props) {
-    const openCollapseItems = ref("");
+    const openCollapseItems = ref([]);
     return (_ctx, _cache) => {
       const _component_el_option = resolveComponent("el-option");
       const _component_el_select = resolveComponent("el-select");

package/dist/es/components/design/views/design/page-design.vue.js

@@ -4,7 +4,7 @@ import { initComponentRefState } from "../../utils/page-helper-util.js";
 import { queryTableFields } from "../../utils/page-table-util.js";
 import { addPermission, delPermission } from "../../utils/page-permission-util.js";
 import { usePageContextStore } from "../../../../stores/page-store.js";
-import { ServiceFlowDesginer } from "service-flow-designer";
+import ServiceFlowDesginer from "service-flow-designer";
 import { getSystemCode, getPublishVersion } from "../../utils/system.js";
 import { getHighestVersionDefinition } from "../../utils/page-design-util.js";
 import { ElMessage } from "element-plus";
@@ -15,16 +15,16 @@ const _hoisted_4 = { class: "amb-page-container-main" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "page-design",
   setup(__props) {
-    const pageContextUtil = usePageContextStore(window["$pinia"]);
-    const clickType = ref("page");
+    const pageContextUtil = usePageContextStore();
+    const clickType = ref("service");
     const pageDesign = {
       id: 31,
       code: "9307994b-2668-44e9-a266-5662780ba084",
       name: "page",
       label: "页面",
       version: 1,
-      systemCode: getSystemCode(),
-      systemVersion: getPublishVersion(),
+      systemCode: "vms",
+      systemVersion: 3,
       dbName: "",
       tableName: "",
       tableAlias: "",
@@ -71,6 +71,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       ]
     };
+    if (!pageDesign.systemCode) {
+      pageDesign.systemCode = "vms";
+      pageDesign.systemVersion = 3;
+    }
     ref(null);
     ref(null);
     const pageInfo = reactive(pageDesign);

package/dist/es/components/design/views/design/page-event/config.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./config.vue2.js";
 import "./config.vue3.js";
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const config = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6727254b"]]);
+const config = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-24e5130d"]]);
 export {
   config as default
 };

package/dist/es/components/design/views/design/page-event/config.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createVNode, withCtx, unref, pushScopeId, popScopeId } from "vue";
+import { defineComponent, ref, onMounted, resolveComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createVNode, withCtx, unref, pushScopeId, popScopeId } from "vue";
 import { useLocalStorage } from "@vueuse/core";
 import { Search, FullScreen } from "@element-plus/icons-vue";
 import { EditorView, basicSetup } from "codemirror";
@@ -7,7 +7,7 @@ import { EditorState } from "@codemirror/state";
 import "@codemirror/autocomplete";
 import "@codemirror/language";
 import { openSearchPanel } from "@codemirror/search";
-const _withScopeId = (n) => (pushScopeId("data-v-6727254b"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-24e5130d"), n = n(), popScopeId(), n);
 const _hoisted_1 = { style: { "height": "400px" } };
 const _hoisted_2 = {
   style: { "padding": "8px 16px", "margin": "10px 0px", "background-color": "#f4f4f5" },

package/dist/es/components/design/views/design/page-event/page-event-container.vue.js

@@ -5,6 +5,7 @@ import { getComponentEventOptions } from "../../../utils/assemblys-config.js";
 import { convertToExploreTreeDatas } from "../../../utils/page-explore-util.js";
 import _sfc_main$1 from "../view/assemblys-container-explore.vue.js";
 import { getUuidv4 } from "../../../utils/common-util.js";
+import eventBus from "../../../utils/eventBus.js";
 const _hoisted_1 = ["title"];
 const _hoisted_2 = ["title"];
 const _hoisted_3 = ["title"];
@@ -69,7 +70,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       winHeight.value = window.innerHeight;
       eventTableHeight.value = window.innerHeight - 220;
     });
-    window["$eventBus"].$on("changeEventInfo", (eventInfo) => {
+    eventBus.$on("changeEventInfo", (eventInfo) => {
       if (eventInfo && eventInfo.type === "title") {
         eventResult.value.forEach((item) => {
           if (item.uuid === eventInfo.customEvent.uuid) {
@@ -95,7 +96,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!configure.customEvents) {
         configure.customEvents = [];
       }
-      treeData.value = convertToExploreTreeDatas(designItems, null, cachePageItemMap, eventResult);
+      treeData.value = convertToExploreTreeDatas(
+        designItems,
+        null,
+        cachePageItemMap,
+        eventResult
+      );
       if (eventResult.value) {
         eventResult.value.forEach((event) => {
           const customEvent = getCustomEventByEventName(event.eventName);
@@ -159,7 +165,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function packageEventTableDisable(myComponentEventTypes) {
       const componentUuid = currentComponent.value ? currentComponent.value.uuid : null;
-      const hasAddEventReusult = componentUuid ? eventResult.value.filter((event) => event.componentUuid === componentUuid) : null;
+      const hasAddEventReusult = componentUuid ? eventResult.value.filter(
+        (event) => event.componentUuid === componentUuid
+      ) : null;
       if (hasAddEventReusult && hasAddEventReusult.length > 0) {
         myComponentEventTypes.forEach((element) => {
           const eventType = element.name;
@@ -328,7 +336,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         );
       }
       if (searchInfo) {
-        searchResult = searchResult.filter((event) => event.title && event.title.indexOf(searchInfo) >= 0);
+        searchResult = searchResult.filter(
+          (event) => event.title && event.title.indexOf(searchInfo) >= 0
+        );
       }
       eventResult.value = searchResult;
       getUnUseEventResult();
@@ -340,7 +350,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const searchInfo = searchUnUseItemName.value;
       let searchResult = unUseEventResult.value;
       if (searchInfo) {
-        searchResult = searchResult.filter((event) => event.title && event.title.indexOf(searchInfo) >= 0);
+        searchResult = searchResult.filter(
+          (event) => event.title && event.title.indexOf(searchInfo) >= 0
+        );
       }
       unUseEventResult.value = searchResult;
     }

package/dist/es/components/design/views/design/page-event/page-event-content.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./page-event-content.vue2.js";
 import "./page-event-content.vue3.js";
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const pageEventContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-45dc0488"]]);
+const pageEventContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5221912e"]]);
 export {
   pageEventContent as default
 };

package/dist/es/components/design/views/design/page-event/page-event-content.vue2.js

@@ -2,6 +2,7 @@ import { defineComponent, ref, onMounted, resolveComponent, openBlock, createEle
 import { ElMessage } from "element-plus";
 import config from "./config.vue.js";
 import { standardButtonOperations, getStandardOperationLabel } from "../../../utils/assemblys-config.js";
+import eventBus from "../../../utils/eventBus.js";
 const _hoisted_1 = { style: { "margin": "10px" } };
 const _hoisted_2 = { style: { "padding-right": "10px" } };
 const _hoisted_3 = { key: 1 };
@@ -62,15 +63,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function changeTitle() {
       props.eventForm.title = myCustomEvent.title;
-      window["$eventBus"].$emit("changeEventInfo", { customEvent: myCustomEvent, type: "title" });
+      eventBus.$emit("changeEventInfo", { customEvent: myCustomEvent, type: "title" });
     }
     function changeFuncName() {
       props.eventForm.eventName = myCustomEvent.eventName;
-      window["$eventBus"].$emit("changeEventInfo", { customEvent: myCustomEvent, type: "eventName" });
+      eventBus.$emit("changeEventInfo", { customEvent: myCustomEvent, type: "eventName" });
     }
     function changeFuncParam() {
       props.eventForm.funcParam = myCustomEvent.funcParam;
-      window["$eventBus"].$emit("changeEventInfo", { customEvent: myCustomEvent, type: "funcParam" });
+      eventBus.$emit("changeEventInfo", { customEvent: myCustomEvent, type: "funcParam" });
     }
     function initEventOptions() {
       if (configure.customEvents) {

package/dist/es/components/design/views/design/view/assemblys-container-list.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, reactive } from "vue";
 import { Search, HelpFilled } from "@element-plus/icons";
 import { assemblyGroups } from "../../../utils/assemblys-config.js";
-import { getSrcFileUrl, deepCopy, getUuidv4 } from "../../../utils/common-util.js";
+import { deepCopy, getUuidv4 } from "../../../utils/common-util.js";
 import { VueDraggable } from "vue-draggable-plus";
 const _hoisted_1 = { class: "amb-assembly-header-search" };
 const _hoisted_2 = ["src"];
@@ -139,7 +139,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   showGroup.icon ? (openBlock(), createElementBlock("img", {
                     key: 0,
                     class: "amb-assembly-group-img",
-                    src: unref(getSrcFileUrl)(showGroup.icon)
+                    src: showGroup.icon
                   }, null, 8, _hoisted_2)) : (openBlock(), createBlock(_component_el_icon, {
                     key: 1,
                     style: { "width": "16px", "height": "16px", "color": "#5893EF" }
@@ -178,7 +178,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                     showItem.icon ? (openBlock(), createElementBlock("img", {
                                       key: 0,
                                       class: "amb-assembly-item-img",
-                                      src: unref(getSrcFileUrl)(showItem.icon)
+                                      src: showItem.icon
                                     }, null, 8, _hoisted_4)) : (openBlock(), createBlock(_component_el_icon, {
                                       key: 1,
                                       style: { "width": "16px", "height": "16px", "color": "#5893EF" }

package/dist/es/components/design/views/design/view/assemblys-container.vue.js

@@ -3,6 +3,7 @@ import _sfc_main$1 from "./assemblys-container-list.vue.js";
 import _sfc_main$2 from "./assemblys-container-explore.vue.js";
 import _sfc_main$3 from "./assemblys-container-template.vue.js";
 import _sfc_main$4 from "../page-event/page-event-container.vue.js";
+import eventBus from "../../../utils/eventBus.js";
 const _hoisted_1 = { class: "amb-assembly-header" };
 const _hoisted_2 = { class: "amb-assembly-header-type" };
 const _hoisted_3 = { class: "amb-design-assembly-list" };
@@ -73,7 +74,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       $emit("onSelectWidget", selIndex, selConfigure);
     }
     const isShowEvent = ref(true);
-    window["$eventBus"].$on("editEvent", ({ configureObj, event }) => {
+    eventBus.$on("editEvent", ({ configureObj, event }) => {
       selectPageEventTab();
       configureObjVal.value = configureObj;
       editEventVal.value = event;

package/dist/es/components/design/views/wf-editor.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/es/components/design/views/wf-editor.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./wf-editor.vue2.js";
+import "./wf-editor.vue3.js";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const wfEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-09704dda"]]);
+export {
+  wfEditor as default
+};

package/dist/es/components/design/views/wf-editor.vue2.js

@@ -0,0 +1,25 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, unref, pushScopeId, popScopeId } from "vue";
+import { imageTest } from "../utils/assemblys-config.js";
+const _withScopeId = (n) => (pushScopeId("data-v-09704dda"), n = n(), popScopeId(), n);
+const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("button", null, "Editoraaaaa", -1));
+const _hoisted_2 = ["src"];
+const _hoisted_3 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "wf-editor",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        _hoisted_1,
+        createElementVNode("img", {
+          src: unref(imageTest).button
+        }, null, 8, _hoisted_2),
+        createElementVNode("img", {
+          src: unref(imageTest).buttonGroup
+        }, null, 8, _hoisted_3)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/wf-editor.vue3.js

@@ -0,0 +1 @@
+

package/dist/es/index.d.ts

@@ -1,3 +1,3 @@
-import { default as Design } from './components/design';
+import { Design, WfEditor } from './components/design';
 
-export { Design };
+export { Design, WfEditor };

package/dist/es/index.js

@@ -1,5 +1,7 @@
 import "./assets/design-attr.css.js";
 import { default as default2 } from "./components/design/views/design/page-design.vue.js";
+import { default as default3 } from "./components/design/views/wf-editor.vue.js";
 export {
-  default2 as Design
+  default2 as Design,
+  default3 as WfEditor
 };

package/dist/es/stores/page-store.js

@@ -1,6 +1,6 @@
 import { ref } from "vue";
 import { defineStore } from "pinia";
-import { FuncType } from "super-page-runtime/src/utils/page-permission-util";
+import { FuncType } from "super-page-runtime";
 const usePageContextStore = defineStore("pageContextUtil", () => {
   const pageContext = ref({ systemCode: "", systemVersion: -1 });
   ref([]);