@web-utils/component 2.8.10 → 2.8.11

package/flow-viewer/index.mjs

@@ -29,6 +29,7 @@ var d = (t, e, i) => new Promise((n, s) => {
 import b from "bpmn-js/lib/NavigatedViewer";
 import c from "diagram-js/lib/navigation/zoomscroll/ZoomScroll";
 import M from "@web-utils/component/easy-popup";
+import "@web-utils/component/easy-popup/style.css";
 import { n as V } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 var k = function() {
   var t = this, e = t.$createElement, i = t._self._c || e;
@@ -158,9 +159,9 @@ function A(t) {
   for (let e in u)
     this[e] = u[e];
 }
-const T = /* @__PURE__ */ function() {
+const W = /* @__PURE__ */ function() {
   return B.exports;
 }();
 export {
-  T as default
+  W as default
 };

package/form-button/index.mjs

@@ -1,6 +1,7 @@
 import n from "@web-utils/component/confirmable";
+import "@web-utils/component/confirmable/style.css";
 import { n as o } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-const l = {
+const r = {
   props: {
     type: {
       type: String,
@@ -30,14 +31,14 @@ const l = {
       default: "AwesomeButton"
     }
   }
-}, r = {
+}, l = {
   name: "FormButton",
-  mixins: [n, l]
+  mixins: [n, r]
 };
 let a, i;
 const e = {};
 var u = /* @__PURE__ */ o(
-  r,
+  l,
   a,
   i,
   !1,
@@ -50,9 +51,9 @@ function s(p) {
   for (let t in e)
     this[t] = e[t];
 }
-const f = /* @__PURE__ */ function() {
+const m = /* @__PURE__ */ function() {
   return u.exports;
 }();
 export {
-  f as default
+  m as default
 };

package/form-input-tag/index.mjs

@@ -12,6 +12,7 @@ var l = (r, e, t) => e in r ? i(r, e, { enumerable: !0, configurable: !0, writab
 import { f as m } from "../chunks/form-input-mixin.4632ad36.mjs";
 import { d, n as f } from "../chunks/index.57f871af.mjs";
 import _ from "@web-utils/component/x-input-tag";
+import "@web-utils/component/x-input-tag/style.css";
 import { n as y } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 var v = function() {
   var r = this, e = r.$createElement, t = r._self._c || e;
@@ -91,9 +92,9 @@ function k(r) {
   for (let e in u)
     this[e] = u[e];
 }
-const $ = /* @__PURE__ */ function() {
+const B = /* @__PURE__ */ function() {
   return g.exports;
 }();
 export {
-  $ as default
+  B as default
 };

package/form-view/index.mjs

@@ -70,7 +70,7 @@ var w = function() {
     staticClass: "form-scroller-wrapper"
   }, [o("div", {
     ref: "formScroller",
-    class: ["form-scroller", "absolute-box", t.contentClass],
+    class: ["form-scroller", t.contentClass],
     on: {
       scroll: t.onFormScroll
     }

package/form-view/style.css

@@ -1 +1 @@
-.form-view{display:flex;flex-direction:column;height:100%}.form-view .form-scroller-wrapper{position:relative;flex:1}.form-view .not-form{margin:0 auto}.form-view .form-view-toolbar{overflow:hidden}.form-view .form-scroller{flex:1;overflow:auto}.form-view .form-scroller .el-row{position:static}.form-view .form-content .el-form .el-row{padding-right:2rem}.form-view .form-content .el-form .el-row .el-row{padding-right:0}.form-view .form-card{box-shadow:0 2px 12px #0000001a;max-width:1000px;margin:14px auto;padding:20px;color:#303133;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;transition:.3s}.form-view .form-card.un-limit{max-width:100%}.form-view .form-nav{box-shadow:0 2px 12px #0000001a;position:absolute;top:55px;left:20px;background-color:#fff}.form-view .form-nav-list{min-width:180px;padding:10px 20px}.form-view .form-nav-header{position:relative;padding:5px 20px;color:#e34e55;font-weight:700;font-size:15px;background-color:#f3f5fb}.form-view .form-nav-item{position:relative;padding:5px 0;font-family:element-icons!important;cursor:pointer}.form-view .form-nav-item.active,.form-view .form-nav-item:hover{color:#e34e55;font-weight:700}.form-view .form-nav-item.active:before{position:absolute;left:-14px;content:"\e6e0"}.form-view .form-view-title{width:100%;height:36px;margin-bottom:10px;color:#333;font-size:22px;line-height:36px;text-align:center;background-color:#fff}.form-view .tip{margin:20px 0;padding:8px 16px;background-color:#ecf8ff;border-left:5px solid #50bfff;border-radius:4px}.form-view .tip p{color:#5e6d82;font-size:14px;line-height:1.5em}.form-view .tip.danger{background-color:#fde2e2;border-left-color:#f56c6c}.form-view .tip.danger p{color:#564646}.form-view .tip.warning{background-color:#f7efe2;border-left-color:#e6a23c}.form-view .tip.warning p{color:#5d564b}.form-view .select-num{color:#898989;font-size:12px}.form-view .select-num .num{font-size:19px;font-family:impact,Constantia,Georgia}.form-view .el-table .el-table__header th{color:#595959;font-weight:400;background:#fff}.form-view .el-table td{padding:4px 0}.form-view .el-table td .cell .el-input .el-input__inner{padding-left:4px}.form-view .el-table td .cell .el-input.el-input--prefix .el-input__inner{padding-left:30px}.form-view .el-table td .cell .el-input.is-disabled .el-input__suffix{display:none}.form-view .el-table td .cell .el-input.is-disabled .el-input__inner{padding:0 0 0 4px;line-height:1.6;white-space:normal;word-break:break-word;background:transparent;border:0}@media screen and (min-width: 1700px){.form-view.form-view__lg .form-card{position:relative;left:60px}}
+.form-view{display:flex;flex-direction:column;height:100%}.form-view .form-scroller-wrapper{position:relative;flex:1}.form-view .not-form{margin:0 auto}.form-view .form-view-toolbar{overflow:hidden}.form-view .form-scroller{position:absolute;inset:0;flex:1;overflow:auto}.form-view .form-scroller .el-row{position:static}.form-view .form-content .el-form .el-row{padding-right:2rem}.form-view .form-content .el-form .el-row .el-row{padding-right:0}.form-view .form-card{box-shadow:0 2px 12px #0000001a;overflow:hidden;max-width:1000px;margin:14px auto;padding:20px;color:#303133;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;transition:.3s}.form-view .form-card.un-limit{max-width:100%}.form-view .form-nav{box-shadow:0 2px 12px #0000001a;position:absolute;top:55px;left:20px;background-color:#fff}.form-view .form-nav-list{min-width:180px;padding:10px 20px}.form-view .form-nav-header{position:relative;padding:5px 20px;color:#e34e55;font-weight:700;font-size:15px;background-color:#f3f5fb}.form-view .form-nav-item{list-style:none;position:relative;padding:5px 0;font-family:element-icons,serif;font-size:14px;cursor:pointer}.form-view .form-nav-item.active,.form-view .form-nav-item:hover{color:#e34e55;font-weight:700}.form-view .form-nav-item.active:before{position:absolute;left:-14px;content:"\e6e0"}.form-view .form-view-title{width:100%;height:36px;margin-bottom:10px;color:#333;font-size:22px;line-height:36px;text-align:center;background-color:#fff}.form-view .tip{margin:20px 0;padding:8px 16px;background-color:#ecf8ff;border-left:5px solid #50bfff;border-radius:4px}.form-view .tip p{color:#5e6d82;font-size:14px;line-height:1.5em}.form-view .tip.danger{background-color:#fde2e2;border-left-color:#f56c6c}.form-view .tip.danger p{color:#564646}.form-view .tip.warning{background-color:#f7efe2;border-left-color:#e6a23c}.form-view .tip.warning p{color:#5d564b}.form-view .select-num{color:#898989;font-size:12px}.form-view .select-num .num{font-size:19px;font-family:impact,Constantia,Georgia,serif}.form-view .el-table .el-table__header th{color:#595959;font-weight:400;background:#fff}.form-view .el-table td{padding:4px 0}.form-view .el-table td .cell .el-input .el-input__inner{padding-left:4px}.form-view .el-table td .cell .el-input.el-input--prefix .el-input__inner{padding-left:30px}.form-view .el-table td .cell .el-input.is-disabled .el-input__suffix{display:none}.form-view .el-table td .cell .el-input.is-disabled .el-input__inner{padding:0 0 0 4px;line-height:1.6;white-space:normal;word-break:break-word;background:transparent;border:0}@keyframes breathe-indicator{0%{box-shadow:0 0 0 0 var(--color-primary, #f00)}to{box-shadow:0 0 4px 1px var(--color-primary, #f00)}}.form-view .breathe-indicator-animation{animation-name:breathe-indicator;animation-duration:.3s;animation-timing-function:ease-in-out;animation-delay:.1s;animation-iteration-count:4;animation-direction:alternate}@media screen and (min-width: 1700px){.form-view.form-view__lg .form-card{position:relative;left:60px}}

package/fy-curd/index.mjs

@@ -9,6 +9,7 @@ import { n as f } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 import { F as J, d as L } from "../chunks/FormTemp.a77c73c4.mjs";
 import { s as Q } from "../chunks/dic.9e90e2a4.mjs";
 import Y from "@web-utils/component/icon-temp";
+import "@web-utils/component/icon-temp/style.css";
 const h = {
   menuWidth: 220,
   menuFixed: "right",
@@ -3105,9 +3106,9 @@ function yt(e) {
   for (let t in T)
     this[t] = T[t];
 }
-const Pt = /* @__PURE__ */ function() {
+const Dt = /* @__PURE__ */ function() {
   return vt.exports;
 }();
 export {
-  Pt as default
+  Dt as default
 };

package/fy-form-design/index.mjs

@@ -27,6 +27,7 @@ var y = (e, l, t) => new Promise((a, i) => {
 });
 import { isBlank as C } from "@web-utils/core";
 import b from "@web-utils/component/monaco-editor";
+import "@web-utils/component/monaco-editor/style.css";
 import v from "vuedraggable";
 import { c as _ } from "../chunks/json-beautifier.21cfffea.mjs";
 import { d as m, z as h } from "../chunks/util.d691afb6.mjs";
@@ -7470,9 +7471,9 @@ function ul(e) {
   for (let l in Z)
     this[l] = Z[l];
 }
-const El = /* @__PURE__ */ function() {
+const xl = /* @__PURE__ */ function() {
   return pl.exports;
 }();
 export {
-  El as default
+  xl as default
 };

package/fy-input-icon/index.mjs

@@ -1,5 +1,6 @@
 import { p as s, e as o } from "../chunks/event.ebd9a3a6.mjs";
 import r from "@web-utils/component/icon-temp";
+import "@web-utils/component/icon-temp/style.css";
 import { n as u } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 var c = function() {
   var t = this, i = t.$createElement, e = t._self._c || i;
@@ -160,9 +161,9 @@ function f(t) {
   for (let i in l)
     this[i] = l[i];
 }
-const b = /* @__PURE__ */ function() {
+const y = /* @__PURE__ */ function() {
   return h.exports;
 }();
 export {
-  b as default
+  y as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-utils/component",
   "description": "Web Components",
-  "version": "2.8.10",
+  "version": "2.8.11",
   "author": "Simple",
   "license": "MIT",
   "type": "module",

package/process-designer/index.mjs

@@ -27,13 +27,13 @@ var d = (e, n, t) => new Promise((r, i) => {
 });
 import k from "bpmn-js/lib/Modeler";
 import O from "bpmn-js-token-simulation";
-import { isObject as F, isFunction as $, some as l } from "min-dash";
+import { isObject as F, isFunction as $, some as m } from "min-dash";
 import L from "x2js";
 import I from "highlight.js/lib/core";
-import R from "highlight.js/lib/languages/xml";
-import V from "highlight.js/lib/languages/json";
-import { n as z } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-const _ = (e, n, t) => (t = t || "camunda", `<?xml version="1.0" encoding="UTF-8"?>
+import _ from "highlight.js/lib/languages/xml";
+import R from "highlight.js/lib/languages/json";
+import { n as V } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+const z = (e, n, t) => (t = t || "camunda", `<?xml version="1.0" encoding="UTF-8"?>
 <bpmn2:definitions
   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
   xmlns:bpmn2="http://www.omg.org/spec/BPMN/20100524/MODEL"
@@ -2532,7 +2532,7 @@ const U = {
   emumerations: re
 }, ae = "Flowable", se = "http://flowable.org/bpmn", oe = "flowable", pe = {
   tagAlias: "lowerCase"
-}, me = [], le = [
+}, le = [], me = [
   {
     name: "InOutBinding",
     superClass: [
@@ -3868,8 +3868,8 @@ const U = {
   uri: se,
   prefix: oe,
   xml: pe,
-  associations: me,
-  types: le,
+  associations: le,
+  types: me,
   emumerations: ue
 }, de = "*";
 function u(e) {
@@ -3881,41 +3881,41 @@ function u(e) {
 }
 u.$inject = ["eventBus"];
 u.prototype.canCopyProperty = function(e, n) {
-  if (F(e) && !ye(e, n) || m(e, "camunda:InputOutput") && !this.canHostInputOutput(n) || P(e, ["camunda:Connector", "camunda:Field"]) && !this.canHostConnector(n) || m(e, "camunda:In") && !this.canHostIn(n))
+  if (F(e) && !ye(e, n) || l(e, "camunda:InputOutput") && !this.canHostInputOutput(n) || P(e, ["camunda:Connector", "camunda:Field"]) && !this.canHostConnector(n) || l(e, "camunda:In") && !this.canHostIn(n))
     return !1;
 };
 u.prototype.canHostInputOutput = function(e) {
   if (s(e, "camunda:Connector"))
     return !0;
   const t = s(e, "bpmn:FlowNode");
-  return !(!t || P(t, ["bpmn:StartEvent", "bpmn:Gateway", "bpmn:BoundaryEvent"]) || m(t, "bpmn:SubProcess") && t.get("triggeredByEvent"));
+  return !(!t || P(t, ["bpmn:StartEvent", "bpmn:Gateway", "bpmn:BoundaryEvent"]) || l(t, "bpmn:SubProcess") && t.get("triggeredByEvent"));
 };
 u.prototype.canHostConnector = function(e) {
   const n = s(e, "camunda:ServiceTaskLike");
-  return m(n, "bpmn:MessageEventDefinition") ? s(e, "bpmn:IntermediateThrowEvent") || s(e, "bpmn:EndEvent") : !0;
+  return l(n, "bpmn:MessageEventDefinition") ? s(e, "bpmn:IntermediateThrowEvent") || s(e, "bpmn:EndEvent") : !0;
 };
 u.prototype.canHostIn = function(e) {
   return s(e, "bpmn:CallActivity") ? !0 : s(e, "bpmn:SignalEventDefinition") ? s(e, "bpmn:IntermediateThrowEvent") || s(e, "bpmn:EndEvent") : !0;
 };
-function m(e, n) {
+function l(e, n) {
   return e && $(e.$instanceOf) && e.$instanceOf(n);
 }
 function P(e, n) {
-  return l(n, function(t) {
-    return m(e, t);
+  return m(n, function(t) {
+    return l(e, t);
   });
 }
 function s(e, n) {
   if (!n)
     return e.$parent;
-  if (m(e, n))
+  if (l(e, n))
     return e;
   if (e.$parent)
     return s(e.$parent, n);
 }
 function ye(e, n) {
   const t = e.$type && e.$model.getTypeDescriptor(e.$type), r = t && t.meta && t.meta.allowedIn;
-  return !r || ge(r) ? !0 : l(r, function(i) {
+  return !r || ge(r) ? !0 : m(r, function(i) {
     return s(n, i);
   });
 }
@@ -3937,12 +3937,12 @@ function be(e) {
   return e && e.length;
 }
 function y(e, n) {
-  return be(e) && l(e, function(t) {
+  return be(e) && m(e, function(t) {
     return A(t, n);
   });
 }
 function Ae(e, n) {
-  return l(n, function(t) {
+  return m(n, function(t) {
     return A(e, t);
   });
 }
@@ -3982,12 +3982,12 @@ function he(e) {
   return e && e.length;
 }
 function g(e, n) {
-  return he(e) && l(e, function(t) {
+  return he(e) && m(e, function(t) {
     return E(t, n);
   });
 }
 function Ce(e, n) {
-  return l(n, function(t) {
+  return m(n, function(t) {
     return E(e, t);
   });
 }
@@ -4387,8 +4387,8 @@ var xe = function() {
     }
   })], 1)], 1);
 }, we = [];
-I.registerLanguage("xml", R);
-I.registerLanguage("json", V);
+I.registerLanguage("xml", _);
+I.registerLanguage("json", R);
 const Ie = {
   name: "ProcessDesigner",
   componentName: "MyProcessDesigner",
@@ -4513,7 +4513,7 @@ const Ie = {
     /* 创建新的流程图 */
     createNewDiagram(e) {
       return d(this, null, function* () {
-        const n = this.processId || `Process_${new Date().getTime()}`, t = this.processName || `业务流程_${new Date().getTime()}`, r = e || _(n, t, this.prefix);
+        const n = this.processId || `Process_${new Date().getTime()}`, t = this.processName || `业务流程_${new Date().getTime()}`, r = e || z(n, t, this.prefix);
         try {
           const { warnings: i } = yield this.bpmnModeler.importXML(r);
           i && i.length && i.forEach((a) => console.warn(a));
@@ -4654,7 +4654,7 @@ const Ie = {
     }
   }
 }, w = {};
-var Pe = /* @__PURE__ */ z(
+var Pe = /* @__PURE__ */ V(
   Ie,
   xe,
   we,
@@ -4668,9 +4668,9 @@ function Me(e) {
   for (let n in w)
     this[n] = w[n];
 }
-const ze = /* @__PURE__ */ function() {
+const Ve = /* @__PURE__ */ function() {
   return Pe.exports;
 }();
 export {
-  ze as default
+  Ve as default
 };

package/properties-panel/style.css

@@ -1 +1 @@
-.process-panel__container{box-sizing:border-box;max-height:100%;padding:0 8px;overflow-y:auto;border-left:1px solid #eee;box-shadow:0 0 8px #ccc}.panel-tab__title{padding:0 8px;font-weight:600;font-size:1.1em;line-height:1.2em}.panel-tab__title i{margin-right:8px;font-size:1.2em}.panel-tab__content{box-sizing:border-box;width:100%;padding:8px 16px;border-top:1px solid #eee}.panel-tab__content .panel-tab__content--title{display:flex;justify-content:space-between;padding-bottom:8px}.panel-tab__content .panel-tab__content--title span{flex:1;text-align:left}.element-property{display:flex;align-items:flex-start;width:100%;margin:8px 0}.element-property .element-property__label{display:block;box-sizing:border-box;width:90px;padding-right:12px;overflow:hidden;font-size:14px;line-height:32px;text-align:right}.element-property .element-property__value{flex:1;line-height:32px}.element-property .el-form-item{width:100%;margin-bottom:0;padding-bottom:18px}.list-property{flex-direction:column}.list-property .element-listener-item{display:inline-grid;grid-column-gap:8px;grid-template-columns:16px auto 32px 32px;width:100%}.list-property .element-listener-item+.element-listener-item{margin-top:8px}.listener-filed__title{display:inline-flex;align-items:center;justify-content:space-between;width:100%;margin-top:0}.listener-filed__title span{width:200px;font-size:14px;text-align:left}.listener-filed__title i{margin-right:8px}.element-drawer__button{display:inline-flex;justify-content:space-around;width:100%;margin-top:8px}.element-drawer__button>.el-button{width:100%}.el-collapse-item__content{padding-bottom:0}.el-input.is-disabled .el-input__inner{color:#999}.el-form-item.el-form-item--mini{margin-bottom:0}.el-form-item.el-form-item--mini+.el-form-item{margin-top:16px}
+.process-panel__container{box-sizing:border-box;max-height:100%;padding:0 8px;overflow-y:auto;border-left:1px solid #eee;box-shadow:0 0 8px #ccc}.process-panel__container .panel-tab__title{padding:0 8px;font-weight:600;font-size:1.1em;line-height:1.2em}.process-panel__container .panel-tab__title i{margin-right:8px;font-size:1.2em}.process-panel__container .panel-tab__content{box-sizing:border-box;width:100%;padding:8px 16px;border-top:1px solid #eee}.process-panel__container .panel-tab__content .panel-tab__content--title{display:flex;justify-content:space-between;padding-bottom:8px}.process-panel__container .panel-tab__content .panel-tab__content--title span{flex:1;text-align:left}.process-panel__container .element-property{display:flex;align-items:flex-start;width:100%;margin:8px 0}.process-panel__container .element-property .element-property__label{display:block;box-sizing:border-box;width:90px;padding-right:12px;overflow:hidden;font-size:14px;line-height:32px;text-align:right}.process-panel__container .element-property .element-property__value{flex:1;line-height:32px}.process-panel__container .element-property .el-form-item{width:100%;margin-bottom:0;padding-bottom:18px}.process-panel__container .list-property{flex-direction:column}.process-panel__container .list-property .element-listener-item{display:inline-grid;grid-column-gap:8px;grid-template-columns:16px auto 32px 32px;width:100%}.process-panel__container .list-property .element-listener-item+.element-listener-item{margin-top:8px}.process-panel__container .listener-filed__title{display:inline-flex;align-items:center;justify-content:space-between;width:100%;margin-top:0}.process-panel__container .listener-filed__title span{width:200px;font-size:14px;text-align:left}.process-panel__container .listener-filed__title i{margin-right:8px}.process-panel__container .element-drawer__button{display:inline-flex;justify-content:space-around;width:100%;margin-top:8px}.process-panel__container .element-drawer__button>.el-button{width:100%}.process-panel__container .el-collapse-item__content{padding-bottom:0}.process-panel__container .el-input.is-disabled .el-input__inner{color:#999}.process-panel__container .el-form-item.el-form-item--mini{margin-bottom:0}.process-panel__container .el-form-item.el-form-item--mini+.el-form-item{margin-top:16px}

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@web-utils/component",
-  "version": "2.8.10",
+  "version": "2.8.11",
   "contributions": {
     "html": {
       "description-markup": "markdown",