@web-utils/component 1.2.7 → 2.0.0

package/dist/components/address-input/index.js

@@ -2,7 +2,7 @@ import { n as l } from "../../chunks/6499de3a.js";
 var r = function() {
   var e = this, a = e.$createElement, t = e._self._c || a;
   return t("div", {
-    staticClass: "address-input-wrapper flex-box"
+    staticClass: "address-input-wrapper flex-row"
   }, [t("div", {
     staticClass: "address-input-item-wrapper"
   }, [t("ElCascader", {
@@ -22,7 +22,7 @@ var r = function() {
       expression: "internalVal.address"
     }
   })], 1), t("div", {
-    staticClass: "address-input-item-wrapper flex-1"
+    staticClass: "address-input-item-wrapper flex-item"
   }, [t("ElInput", {
     attrs: {
       placeholder: "\u8BF7\u8F93\u5165\u8BE6\u7EC6\u5730\u5740\uFF01",

package/dist/components/editable-tree/index.js

@@ -70,7 +70,7 @@ var B = function() {
         var o = s.node, n = s.data;
         return [e._t("default", function() {
           return [n.edit ? [t("span", {
-            staticClass: "custom-tree-node flex-box flex-1 oh",
+            staticClass: "custom-tree-node flex-row flex-item oh",
             attrs: {
               "data-id": n.id
             }
@@ -79,7 +79,7 @@ var B = function() {
             class: n.loading ? "el-icon-loading" : "el-icon-edit-outline"
           }) : e._e(), t("ElInput", {
             ref: "labelTxt",
-            staticClass: "node-input flex-1",
+            staticClass: "node-input flex-item",
             attrs: {
               size: "mini",
               placeholder: e.defaultOptions.inputPlaceholder
@@ -146,12 +146,12 @@ var B = function() {
               "data-id": n.id
             }
           }, [t("span", {
-            staticClass: "node-label flex-box flex-1 oh ellipsis-1"
+            staticClass: "node-label flex-row flex-item oh ellipsis-1"
           }, [e.icon ? t("i", {
             staticClass: "node-icon",
             class: n.loading ? "el-icon-loading" : e.icon(n, o)
           }) : e._e(), t("span", {
-            staticClass: "flex-1-relative",
+            staticClass: "flex-item-relative",
             staticStyle: {
               height: "21px"
             }

package/dist/components/icon-card/index.js

@@ -1,14 +1,14 @@
 import { n as c } from "../../chunks/6499de3a.js";
 var a = function() {
-  var t = this, s = t.$createElement, n = t._self._c || s;
+  var t = this, e = t.$createElement, n = t._self._c || e;
   return n("div", {
-    class: ["icon-card", "flex-box", t.iconBg]
+    class: ["icon-card", "flex-row", t.iconBg]
   }, [n("div", {
     staticClass: "card-icon_bg"
   }, [n("i", {
     class: ["card-icon", t.icon]
   })]), n("div", {
-    staticClass: "flex-1"
+    staticClass: "flex-item"
   }, [n("p", {
     staticClass: "icon-card_title"
   }, [t._t("default")], 2), n("div", {
@@ -19,8 +19,8 @@ var a = function() {
       click: t.toDetails
     }
   }, [t._v(t._s(t.number))]), t._t("nuit")], 2)])]);
-}, o = [];
-const i = {
+}, i = [];
+const o = {
   name: "IconCard",
   props: {
     iconBg: {
@@ -39,11 +39,11 @@ const i = {
       this.$router.push(this.path);
     }
   }
-}, e = {};
+}, s = {};
 var r = /* @__PURE__ */ c(
-  i,
-  a,
   o,
+  a,
+  i,
   !1,
   l,
   null,
@@ -51,8 +51,8 @@ var r = /* @__PURE__ */ c(
   null
 );
 function l(t) {
-  for (let s in e)
-    this[s] = e[s];
+  for (let e in s)
+    this[e] = s[e];
 }
 const u = /* @__PURE__ */ function() {
   return r.exports;

package/dist/components/nav-bar/index.js

@@ -12,7 +12,7 @@ var r = function() {
       click: t.goBack
     }
   }, [t._v(" \u8FD4\u56DE ")]) : t._e(), t.$slots.right ? n("div", {
-    staticClass: "flex-1 flex-box-column vertical-center"
+    staticClass: "flex-item flex-row-column vertical-center"
   }, [t._t("right")], 2) : t._e()], 1);
 }, s = [];
 const c = {
@@ -35,12 +35,12 @@ var l = /* @__PURE__ */ a(
   r,
   s,
   !1,
-  _,
+  i,
   null,
   null,
   null
 );
-function _(t) {
+function i(t) {
   for (let e in o)
     this[e] = o[e];
 }

package/dist/components/nav-bar/style.css

@@ -1 +1 @@
-.nav-bar{flex-shrink:0;display:flex;width:100%;height:40px;border-bottom:1px #eee solid}.nav-bar .el-button--text{margin-left:12px}
+.nav-bar{flex-shrink:0;display:flex;width:100%;height:40px;background-color:#fff;border-bottom:1px #eee solid}.nav-bar .el-button--text{margin-left:12px}

package/dist/components/page/index.js

@@ -2,7 +2,7 @@ import { n as o } from "../../chunks/6499de3a.js";
 var l = function() {
   var e = this, t = e.$createElement, a = e._self._c || t;
   return a("div", {
-    staticClass: "page flex-box flex-1",
+    staticClass: "page flex-row flex-item",
     class: {
       vertical: e.vertical && !e.horizontal
     }

package/dist/components/page/style.css

@@ -1 +1 @@
-.page{height:100%;background-color:#fff}.page.vertical{flex-direction:column}
+.page{height:100%}.page.vertical{flex-direction:column}

package/dist/components/page-header/index.js

@@ -1,8 +1,8 @@
 import { n as a } from "../../chunks/6499de3a.js";
-var i = function() {
+var r = function() {
   var e = this, t = e.$createElement, n = e._self._c || t;
   return n("div", {
-    staticClass: "egd-header flex-box egd-page-header"
+    staticClass: "egd-header flex-row egd-page-header"
   }, [e._t("section-title", function() {
     return [n("span", {
       staticClass: "section-title"
@@ -14,13 +14,13 @@ var i = function() {
   }, {
     title: e.title
   }), n("div", {
-    staticClass: "flex-box flex-1 vertical-center"
+    staticClass: "flex-row flex-item vertical-center"
   }, [n("div", {
-    class: ["flex-box", "flex-1", "vertical-center", {
+    class: ["flex-row", "flex-item", "vertical-center", {
       "align-end": e.alignEnd
     }]
   }, [e._t("default")], 2)])], 2);
-}, r = [];
+}, i = [];
 const s = {
   name: "PageHeader",
   props: {
@@ -36,8 +36,8 @@ const s = {
 }, l = {};
 var o = /* @__PURE__ */ a(
   s,
-  i,
   r,
+  i,
   !1,
   _,
   null,

package/dist/index.css

@@ -1024,6 +1024,7 @@
   display: flex;
   width: 100%;
   height: 40px;
+  background-color: #fff;
   border-bottom: 1px #eee solid;
 }
 .nav-bar .el-button--text {
@@ -1040,7 +1041,6 @@
 }
 .page {
   height: 100%;
-  background-color: #fff;
 }
 .page.vertical {
   flex-direction: column;

package/dist/index.es.js

@@ -50,7 +50,7 @@ import "tinymce/plugins/imagetools";
 var render$18 = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("div", {
-    staticClass: "address-input-wrapper flex-box"
+    staticClass: "address-input-wrapper flex-row"
   }, [s("div", {
     staticClass: "address-input-item-wrapper"
   }, [s("ElCascader", {
@@ -70,7 +70,7 @@ var render$18 = function() {
       expression: "internalVal.address"
     }
   })], 1), s("div", {
-    staticClass: "address-input-item-wrapper flex-1"
+    staticClass: "address-input-item-wrapper flex-item"
   }, [s("ElInput", {
     attrs: {
       placeholder: "\u8BF7\u8F93\u5165\u8BE6\u7EC6\u5730\u5740\uFF01",
@@ -2892,7 +2892,7 @@ var render$S = function() {
         var r = n.node, i = n.data;
         return [e._t("default", function() {
           return [i.edit ? [s("span", {
-            staticClass: "custom-tree-node flex-box flex-1 oh",
+            staticClass: "custom-tree-node flex-row flex-item oh",
             attrs: {
               "data-id": i.id
             }
@@ -2901,7 +2901,7 @@ var render$S = function() {
             class: i.loading ? "el-icon-loading" : "el-icon-edit-outline"
           }) : e._e(), s("ElInput", {
             ref: "labelTxt",
-            staticClass: "node-input flex-1",
+            staticClass: "node-input flex-item",
             attrs: {
               size: "mini",
               placeholder: e.defaultOptions.inputPlaceholder
@@ -2968,12 +2968,12 @@ var render$S = function() {
               "data-id": i.id
             }
           }, [s("span", {
-            staticClass: "node-label flex-box flex-1 oh ellipsis-1"
+            staticClass: "node-label flex-row flex-item oh ellipsis-1"
           }, [e.icon ? s("i", {
             staticClass: "node-icon",
             class: i.loading ? "el-icon-loading" : e.icon(i, r)
           }) : e._e(), s("span", {
-            staticClass: "flex-1-relative",
+            staticClass: "flex-item-relative",
             staticStyle: {
               height: "21px"
             }
@@ -7058,13 +7058,13 @@ const GuideSteps = /* @__PURE__ */ function() {
 var render$v = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("div", {
-    class: ["icon-card", "flex-box", e.iconBg]
+    class: ["icon-card", "flex-row", e.iconBg]
   }, [s("div", {
     staticClass: "card-icon_bg"
   }, [s("i", {
     class: ["card-icon", e.icon]
   })]), s("div", {
-    staticClass: "flex-1"
+    staticClass: "flex-item"
   }, [s("p", {
     staticClass: "icon-card_title"
   }, [e._t("default")], 2), s("div", {
@@ -7775,7 +7775,7 @@ var render$q = function() {
       click: e.goBack
     }
   }, [e._v(" \u8FD4\u56DE ")]) : e._e(), e.$slots.right ? s("div", {
-    staticClass: "flex-1 flex-box-column vertical-center"
+    staticClass: "flex-item flex-row-column vertical-center"
   }, [e._t("right")], 2) : e._e()], 1);
 }, staticRenderFns$q = [];
 const NavBar_vue_vue_type_style_index_0_lang = "", __vue2_script$u = {
@@ -7844,7 +7844,7 @@ const NotImplement = /* @__PURE__ */ function() {
 var render$o = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("div", {
-    staticClass: "page flex-box flex-1",
+    staticClass: "page flex-row flex-item",
     class: {
       vertical: e.vertical && !e.horizontal
     }
@@ -8626,7 +8626,7 @@ const PageableView = /* @__PURE__ */ function() {
 var render$l = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("div", {
-    staticClass: "egd-header flex-box egd-page-header"
+    staticClass: "egd-header flex-row egd-page-header"
   }, [e._t("section-title", function() {
     return [s("span", {
       staticClass: "section-title"
@@ -8638,9 +8638,9 @@ var render$l = function() {
   }, {
     title: e.title
   }), s("div", {
-    staticClass: "flex-box flex-1 vertical-center"
+    staticClass: "flex-row flex-item vertical-center"
   }, [s("div", {
-    class: ["flex-box", "flex-1", "vertical-center", {
+    class: ["flex-row", "flex-item", "vertical-center", {
       "align-end": e.alignEnd
     }]
   }, [e._t("default")], 2)])], 2);
@@ -13076,7 +13076,7 @@ function __vue2_injectStyles(e) {
 }
 const XDialog = /* @__PURE__ */ function() {
   return __component__.exports;
-}(), version = "1.2.7";
+}(), version = "2.0.0";
 function index(e) {
   e.component(AddressInput.name, AddressInput), e.component(AsideMenu.name, AsideMenu), e.component(AwesomeButton.name, AwesomeButton), e.component(CapsuleTab.name, CapsuleTab), e.component(ChunkFileUploader.name, ChunkFileUploader), e.component(ChunkFileUploaderButton.name, ChunkFileUploaderButton), e.component(ChunkFileUploaderDrop.name, ChunkFileUploaderDrop), e.component(ChunkFileUploaderFile.name, ChunkFileUploaderFile), e.component(ChunkFileUploaderFiles.name, ChunkFileUploaderFiles), e.component(ChunkFileUploaderList.name, ChunkFileUploaderList), e.component(ChunkFileUploaderUnSupport.name, ChunkFileUploaderUnSupport), e.component(CodeMirrorEditor.name, CodeMirrorEditor), e.component(ColorPicker.name, ColorPicker), e.component(Confirmable.name, Confirmable), e.component(ConfirmButton.name, ConfirmButton), e.component(ContextMenu.name, ContextMenu), e.component(CustomScrollbar.name, CustomScrollbar), e.component(DataTablePicker.name, DataTablePicker), e.component(DynamicTable.name, DynamicTable), e.component(ECharts.name, ECharts), e.component(EditableProgress.name, EditableProgress), e.component(EditableTree.name, EditableTree), e.component(EgdCollapse.name, EgdCollapse), e.component(EgdCollapseItem.name, EgdCollapseItem), e.component(ElementDialog.name, ElementDialog), e.component(EmptyView.name, EmptyView), e.component(ErrorView.name, ErrorView), e.component(FlexColumn.name, FlexColumn), e.component(FlexItem.name, FlexItem), e.component(FlexRow.name, FlexRow), e.component(FlexScroller.name, FlexScroller), e.component(FormButton.name, FormButton), e.component(FormCascader.name, FormCascader), e.component(FormCheckboxGroup.name, FormCheckboxGroup), e.component(FormDatePicker.name, FormDatePicker), e.component(FormHolder.name, FormHolder), e.component(FormInput.name, FormInput), e.component(FormInputEmail.name, FormInputEmail), e.component(FormInputIdCard.name, FormInputIdCard), e.component(FormInputNumber.name, FormInputNumber), e.component(FormInputPhoneNumber.name, FormInputPhoneNumber), e.component(FormInputTime.name, FormInputTime), e.component(FormItem.name, FormItem), e.component(FormItemConfigProvider.name, FormItemConfigProvider), e.component(FormItemGroup.name, FormItemGroup), e.component(FormRadioGroup.name, FormRadioGroup), e.component(FormSelect.name, FormSelect), e.component(FormSwitch.name, FormSwitch), e.component(FormTextarea.name, FormTextarea), e.component(FormView.name, FormView), e.component(GuideSteps.name, GuideSteps), e.component(IconCard.name, IconCard), e.component(IframeWindow.name, IframeWindow), e.component(InputNumber.name, InputNumber), e.component(InputNumberRange.name, InputNumberRange), e.component(JSXComponent.name, JSXComponent), e.component(KeepViewAlive.name, KeepViewAlive), e.component(LoadingView.name, LoadingView), e.component(NavBar.name, NavBar), e.component(NotImplement.name, NotImplement), e.component(Page.name, Page), e.component(PageableTable.name, PageableTable), e.component(PageableView.name, PageableView), e.component(PageHeader.name, PageHeader), e.component(PageIndex.name, PageIndex), e.component(PageIndexTop.name, PageIndexTop), e.component(PageSkeleton.name, PageSkeleton), e.component(PageSkeletonNew.name, PageSkeletonNew), e.component(PhotoSwipe.name, PhotoSwipe), e.component(ResizeObserver.name, ResizeObserver), e.component(SearchPopover.name, SearchPopover), e.component(SignPanel.name, SignPanel), e.component(SplitPane.name, SplitPane), e.component(Stateful.name, Stateful), e.component(StaticPageableTable.name, StaticPageableTable), e.component(Swiper.name, Swiper), e.component(Tab.name, Tab), e.component(TabItem.name, TabItem), e.component(TableColumn.name, TableColumn), e.component(TableView.name, TableView), e.component(TagRender.name, TagRender), e.component(TinymceEditor.name, TinymceEditor), e.component(TinymceWrapper.name, TinymceWrapper), e.component(Toolbar.name, Toolbar), e.component(ToolbarButton.name, ToolbarButton), e.component(Trigger.name, Trigger), e.component(VueTagsInput.name, VueTagsInput), e.component(Watermark.name, Watermark), e.component(XDialog.name, XDialog);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web-utils/component",
-  "version": "1.2.7",
+  "version": "2.0.0",
   "type": "module",
   "private": false,
   "license": "MIT",

package/web-types.json

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