@web-utils/component 1.0.15 → 1.0.19

package/README.md

@@ -1,2 +1,27 @@
 # web-component
 
+## usage
+
+```js
+import { defineConfig } from 'vite'
+import styleImport from "vite-plugin-style-import";
+
+export default defineConfig({
+  plugins: [
+    styleImport({
+      libs: [{
+        libraryName: '@web-utils/component',
+        base: '@web-utils/component/dist/base.css',
+        ensureStyleFile: true,
+        libraryNameChangeCase: 'pascalCase',
+        resolveStyle: name => {
+          return `@web-utils/component/dist/${name}.css`
+        },
+        resolveComponent: name => {
+          return `@web-utils/component/dist/${name}.js`
+        }
+      }]
+    })
+  ]
+}
+```

package/dist/ElementDialog.js

@@ -1 +1 @@
-import a from"element-ui/src/utils/popup";import s from"element-ui/src/mixins/emitter";import{dialogDrag as n}from"@web-utils/core/directives";import{n as r}from"./vueComponentNormalizer.js";var d=function(){var e=this,l=e.$createElement,t=e._self._c||l;return t("Transition",{attrs:{name:"dialog-fade"},on:{"after-enter":e.afterEnter,"after-leave":e.afterLeave}},[t("div",{directives:[{name:"show",rawName:"v-show",value:e.visible,expression:"visible"},{name:"dialog-drag",rawName:"v-dialog-drag:[fullScreen]",arg:e.fullScreen}],staticClass:"el-dialog__wrapper",on:{click:function(o){return o.target!==o.currentTarget?null:e.handleWrapperClick.apply(null,arguments)}}},[t("div",{ref:"dialog",class:["el-dialog","element-dialog","el-dialog-resizeable","normalize",{"is-fullscreen":e.fullScreen,"el-dialog__body-padding":e.bodyPadding,"el-dialog--center":e.center,"el-dialog--flex-row":e.flexRow,"el-dialog--flex-column":e.flexColumn},e.customClass],style:e.style,attrs:{role:"dialog","aria-modal":"true","aria-label":e.title||"dialog"}},[t("div",{staticClass:"el-dialog__header"},[e._t("title",function(){return[t("span",{staticClass:"el-dialog__title"},[e._v(e._s(e.title))])]}),t("div",{staticClass:"header-button-wrapper"},[e._t("header-button"),e.showFullScreen?t("ElButton",{staticClass:"header-button",attrs:{type:"text",icon:e.fullScreen?"el-icon-copy-document":"el-icon-full-screen",size:"medium",title:e.fullScreen?"\u8FD8\u539F":"\u6700\u5927\u5316"},on:{click:e.toggleFullScreen}}):e._e(),e.showClose?t("ElButton",{staticClass:"header-button",attrs:{"aria-label":"Close",type:"text",title:"\u5173\u95ED",icon:"el-icon-close",size:"medium"},on:{click:e.handleClose}}):e._e()],2)],2),e.rendered?t("div",{staticClass:"el-dialog__body",style:{height:e.fullScreen?"100%":e.height}},[e.destroyOnClose?[e.visible?e._t("default"):e._e()]:e._t("default")],2):e._e(),e.shouldShowFooter()?t("div",{staticClass:"el-dialog__footer"},[e._t("footer",null,{handleClose:e.handleClose})],2):e._e()])])])},u=[];const c={props:{modal:{type:Boolean,default:!0},modalAppendToBody:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0}}},p={name:"ElementDialog",directives:{dialogDrag:n},mixins:[a,c,s],props:{title:{type:String,default:""},appendToBody:{type:Boolean,default:!0},closeOnClickModal:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},showFullScreen:Boolean,width:{type:String,default:void 0},height:{type:String,default:void 0},customClass:{type:String,default:""},top:{type:String,default:"15vh"},beforeClose:{type:Function,default:void 0},center:{type:Boolean,default:!0},destroyOnClose:Boolean,flexRow:Boolean,flexColumn:Boolean,bodyPadding:{type:Boolean,default:!0}},data(){return{fullScreen:!1,closed:!1}},computed:{style(){const e={};return this.fullScreen||(e.marginTop=this.top,this.width&&(e.width=this.width)),e}},watch:{visible(e){e?(this.closed=!1,this.$emit("open"),this.$el.addEventListener("scroll",this.updatePopper),this.$nextTick(()=>{this.$refs.dialog.scrollTop=0}),this.appendToBody&&document.body.appendChild(this.$el)):(this.$el.removeEventListener("scroll",this.updatePopper),this.closed||this.$emit("close"))}},mounted(){this.visible&&(this.rendered=!0,this.open(),this.appendToBody&&document.body.appendChild(this.$el))},destroyed(){this.appendToBody&&this.$el&&this.$el.parentNode&&this.$el.parentNode.removeChild(this.$el)},methods:{toggleFullScreen(){this.fullScreen=!this.fullScreen},enterFullScreen(){this.fullScreen=!0},exitFullScreen(){this.fullScreen=!1},shouldShowFooter(){var e,l;return!!((l=(e=this.$scopedSlots).footer)!=null&&l.call(e))},handleWrapperClick(){!this.closeOnClickModal||this.handleClose()},handleClose(){typeof this.beforeClose=="function"?this.beforeClose(this.hide):this.hide()},hide(e){e!==!1&&(this.$emit("update:visible",!1),this.$emit("close"),this.closed=!0)},updatePopper(){this.broadcast("ElSelectDropdown","updatePopper"),this.broadcast("ElDropdownMenu","updatePopper")},afterEnter(){this.$emit("opened")},afterLeave(){this.exitFullScreen(),this.$emit("closed")}}},i={};var f=r(p,d,u,!1,h,null,null,null);function h(e){for(let l in i)this[l]=i[l]}var m=function(){return f.exports}();export{m as default};
+import a from"element-ui/src/utils/popup";import s from"element-ui/src/mixins/emitter";import{dialogDrag as n}from"@web-utils/core/dist/directives/index";import{n as r}from"./vueComponentNormalizer.js";var d=function(){var e=this,l=e.$createElement,t=e._self._c||l;return t("Transition",{attrs:{name:"dialog-fade"},on:{"after-enter":e.afterEnter,"after-leave":e.afterLeave}},[t("div",{directives:[{name:"show",rawName:"v-show",value:e.visible,expression:"visible"},{name:"dialog-drag",rawName:"v-dialog-drag:[fullScreen]",arg:e.fullScreen}],staticClass:"el-dialog__wrapper",on:{click:function(o){return o.target!==o.currentTarget?null:e.handleWrapperClick.apply(null,arguments)}}},[t("div",{ref:"dialog",class:["el-dialog","element-dialog","el-dialog-resizeable","normalize",{"is-fullscreen":e.fullScreen,"el-dialog__body-padding":e.bodyPadding,"el-dialog--center":e.center,"el-dialog--flex-row":e.flexRow,"el-dialog--flex-column":e.flexColumn},e.customClass],style:e.style,attrs:{role:"dialog","aria-modal":"true","aria-label":e.title||"dialog"}},[t("div",{staticClass:"el-dialog__header"},[e._t("title",function(){return[t("span",{staticClass:"el-dialog__title"},[e._v(e._s(e.title))])]}),t("div",{staticClass:"header-button-wrapper"},[e._t("header-button"),e.showFullScreen?t("ElButton",{staticClass:"header-button",attrs:{type:"text",icon:e.fullScreen?"el-icon-copy-document":"el-icon-full-screen",size:"medium",title:e.fullScreen?"\u8FD8\u539F":"\u6700\u5927\u5316"},on:{click:e.toggleFullScreen}}):e._e(),e.showClose?t("ElButton",{staticClass:"header-button",attrs:{"aria-label":"Close",type:"text",title:"\u5173\u95ED",icon:"el-icon-close",size:"medium"},on:{click:e.handleClose}}):e._e()],2)],2),e.rendered?t("div",{staticClass:"el-dialog__body",style:{height:e.fullScreen?"100%":e.height}},[e.destroyOnClose?[e.visible?e._t("default"):e._e()]:e._t("default")],2):e._e(),e.shouldShowFooter()?t("div",{staticClass:"el-dialog__footer"},[e._t("footer",null,{handleClose:e.handleClose})],2):e._e()])])])},u=[];const c={props:{modal:{type:Boolean,default:!0},modalAppendToBody:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0}}},p={name:"ElementDialog",directives:{dialogDrag:n},mixins:[a,c,s],props:{title:{type:String,default:""},appendToBody:{type:Boolean,default:!0},closeOnClickModal:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},showFullScreen:Boolean,width:{type:String,default:void 0},height:{type:String,default:void 0},customClass:{type:String,default:""},top:{type:String,default:"15vh"},beforeClose:{type:Function,default:void 0},center:{type:Boolean,default:!0},destroyOnClose:Boolean,flexRow:Boolean,flexColumn:Boolean,bodyPadding:{type:Boolean,default:!0}},data(){return{fullScreen:!1,closed:!1}},computed:{style(){const e={};return this.fullScreen||(e.marginTop=this.top,this.width&&(e.width=this.width)),e}},watch:{visible(e){e?(this.closed=!1,this.$emit("open"),this.$el.addEventListener("scroll",this.updatePopper),this.$nextTick(()=>{this.$refs.dialog.scrollTop=0}),this.appendToBody&&document.body.appendChild(this.$el)):(this.$el.removeEventListener("scroll",this.updatePopper),this.closed||this.$emit("close"))}},mounted(){this.visible&&(this.rendered=!0,this.open(),this.appendToBody&&document.body.appendChild(this.$el))},destroyed(){this.appendToBody&&this.$el&&this.$el.parentNode&&this.$el.parentNode.removeChild(this.$el)},methods:{toggleFullScreen(){this.fullScreen=!this.fullScreen},enterFullScreen(){this.fullScreen=!0},exitFullScreen(){this.fullScreen=!1},shouldShowFooter(){var e,l;return!!((l=(e=this.$scopedSlots).footer)!=null&&l.call(e))},handleWrapperClick(){!this.closeOnClickModal||this.handleClose()},handleClose(){typeof this.beforeClose=="function"?this.beforeClose(this.hide):this.hide()},hide(e){e!==!1&&(this.$emit("update:visible",!1),this.$emit("close"),this.closed=!0)},updatePopper(){this.broadcast("ElSelectDropdown","updatePopper"),this.broadcast("ElDropdownMenu","updatePopper")},afterEnter(){this.$emit("opened")},afterLeave(){this.exitFullScreen(),this.$emit("closed")}}},i={};var f=r(p,d,u,!1,h,null,null,null);function h(e){for(let l in i)this[l]=i[l]}var m=function(){return f.exports}();export{m as default};

package/dist/index.es.js

@@ -40,7 +40,7 @@ import "codemirror/addon/fold/brace-fold";
 import "codemirror/addon/fold/comment-fold";
 import si from "element-ui/src/utils/popup";
 import ni from "element-ui/src/mixins/emitter";
-import { dialogDrag as ai } from "@web-utils/core/directives";
+import { dialogDrag as ai } from "@web-utils/core/dist/directives/index";
 var li = function() {
   var e = this, t = e.$createElement, r = e._self._c || t;
   return r("ul", {
@@ -7848,7 +7848,7 @@ function jo(e) {
 var tt = /* @__PURE__ */ function() {
   return Do.exports;
 }();
-const Ko = "1.0.15";
+const Ko = "1.0.18";
 function Wo(e) {
   e.component(ie.name, ie), e.component(U.name, U), e.component(se.name, se), e.component(ne.name, ne), e.component(ae.name, ae), e.component(le.name, le), e.component(oe.name, oe), e.component(ue.name, ue), e.component(ce.name, ce), e.component(de.name, de), e.component(he.name, he), e.component(pe.name, pe), e.component(me.name, me), e.component(_e.name, _e), e.component(ye.name, ye), e.component(ge.name, ge), e.component(ve.name, ve), e.component(be.name, be), e.component(xe.name, xe), e.component($e.name, $e), e.component(we.name, we), e.component(Se.name, Se), e.component(Ce.name, Ce), e.component(ke.name, ke), e.component(Be.name, Be), e.component(Te.name, Te), e.component(Fe.name, Fe), e.component(Pe.name, Pe), e.component(Ie.name, Ie), e.component(Ne.name, Ne), e.component(Ee.name, Ee), e.component(Re.name, Re), e.component(Me.name, Me), e.component(Oe.name, Oe), e.component(Le.name, Le), e.component(ze.name, ze), e.component(Ae.name, Ae), e.component(De.name, De), e.component(je.name, je), e.component(Ke.name, Ke), e.component(We.name, We), e.component(He.name, He), e.component(Xe.name, Xe), e.component(Ve.name, Ve), e.component(Ge.name, Ge), e.component(qe.name, qe), e.component(Ue.name, Ue), e.component(Je.name, Je), e.component(Ye.name, Ye), e.component(Qe.name, Qe), e.component(Ze.name, Ze), e.component(et.name, et), e.component(tt.name, tt);
 }

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@web-utils/component",
-  "version": "1.0.15",
+  "version": "1.0.19",
   "private": false,
   "license": "MIT",
-  "main": "./dist/index.umd.js",
+  "main": "./dist/index.es.js",
   "module": "./dist/index.es.js",
   "exports": {
     ".": {
-      "require": "./dist/index.umd.js",
+      "require": "./dist/index.es.js",
       "import": "./dist/index.es.js"
     },
     "./*": "./*"
@@ -33,9 +33,7 @@
     "@typescript-eslint/eslint-plugin": "^5.21.0",
     "@typescript-eslint/parser": "^5.21.0",
     "@vue/eslint-config-typescript": "^10.0.0",
-    "@web-utils/core": "^1.4.6",
     "chalk": "^4.1.2",
-    "element-ui": "^2.15.8",
     "eslint": "^8.14.0",
     "eslint-plugin-vue": "^8.7.1",
     "execa": "^5.0.0",
@@ -48,6 +46,7 @@
     "vite-plugin-style-import": "^1.4.1",
     "vite-plugin-vue2": "^2.0.0",
     "vue": "^2.6.14",
+    "vue-docgen-api": "^4.44.23",
     "vue-router": "^3.5.3",
     "vue-template-compiler": "^2.6.14"
   },
@@ -71,6 +70,14 @@
       "plugin:vue/recommended"
     ],
     "rules": {
+      "semi": [
+        "error",
+        "never"
+      ],
+      "quotes": [
+        "error",
+        "single"
+      ],
       "vue/no-deprecated-dollar-listeners-api": "off",
       "vue/multi-word-component-names": "off",
       "vue/no-v-html": "off",
@@ -107,8 +114,10 @@
     }
   },
   "dependencies": {
+    "@web-utils/core": "^1.4.8",
     "codemirror": "^5.65.3",
     "echarts": "^5.3.2",
+    "element-ui": "^2.15.8",
     "overlayscrollbars": "^1.13.1",
     "resize-detector": "^0.3.0"
   }