vue-devui 1.0.0-beta.1 → 1.0.0-beta.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/index.d.ts +7 -0
- package/accordion/index.es.js +186 -139
- package/accordion/index.umd.js +1 -1
- package/accordion/style.css +1 -1
- package/alert/index.d.ts +7 -0
- package/alert/index.es.js +2 -3
- package/alert/index.umd.js +1 -1
- package/alert/style.css +1 -1
- package/anchor/index.d.ts +7 -0
- package/avatar/index.d.ts +7 -0
- package/avatar/index.es.js +1 -1
- package/avatar/index.umd.js +1 -1
- package/back-top/index.d.ts +7 -0
- package/back-top/index.es.js +128 -0
- package/back-top/index.umd.js +1 -0
- package/back-top/package.json +7 -0
- package/back-top/style.css +1 -0
- package/badge/index.d.ts +7 -0
- package/badge/index.es.js +1 -1
- package/badge/index.umd.js +1 -1
- package/breadcrumb/index.d.ts +7 -0
- package/button/index.d.ts +7 -0
- package/button/index.es.js +9 -8
- package/button/index.umd.js +1 -1
- package/card/index.d.ts +7 -0
- package/card/index.es.js +1 -1
- package/card/index.umd.js +1 -1
- package/carousel/index.d.ts +7 -0
- package/carousel/index.es.js +5 -4
- package/carousel/index.umd.js +1 -1
- package/cascader/index.d.ts +7 -0
- package/cascader/index.es.js +1239 -83
- package/cascader/index.umd.js +1 -1
- package/cascader/style.css +1 -1
- package/checkbox/index.d.ts +7 -0
- package/checkbox/index.es.js +43 -8
- package/checkbox/index.umd.js +1 -1
- package/comment/index.d.ts +7 -0
- package/comment/index.es.js +85 -0
- package/comment/index.umd.js +1 -0
- package/comment/package.json +7 -0
- package/comment/style.css +1 -0
- package/countdown/index.d.ts +7 -0
- package/countdown/index.es.js +176 -0
- package/countdown/index.umd.js +1 -0
- package/countdown/package.json +7 -0
- package/countdown/style.css +1 -0
- package/date-picker/index.d.ts +7 -0
- package/date-picker/index.es.js +32 -21
- package/date-picker/index.umd.js +1 -1
- package/date-picker/style.css +1 -1
- package/dragdrop/index.d.ts +7 -0
- package/dragdrop/index.es.js +32 -0
- package/dragdrop/index.umd.js +1 -0
- package/dragdrop/package.json +7 -0
- package/drawer/index.d.ts +7 -0
- package/drawer/index.es.js +161 -41
- package/drawer/index.umd.js +1 -1
- package/drawer/style.css +1 -1
- package/dropdown/index.d.ts +7 -0
- package/dropdown/index.es.js +527 -0
- package/dropdown/index.umd.js +1 -0
- package/dropdown/package.json +7 -0
- package/dropdown/style.css +1 -0
- package/editable-select/index.d.ts +7 -0
- package/editable-select/index.es.js +5718 -469
- package/editable-select/index.umd.js +27 -1
- package/editable-select/style.css +1 -1
- package/form/index.d.ts +7 -0
- package/form/index.es.js +2244 -0
- package/form/index.umd.js +1 -0
- package/form/package.json +7 -0
- package/form/style.css +1 -0
- package/fullscreen/index.d.ts +7 -0
- package/fullscreen/index.es.js +14 -4
- package/fullscreen/index.umd.js +1 -1
- package/gantt/index.d.ts +7 -0
- package/gantt/index.es.js +535 -0
- package/gantt/index.umd.js +1 -0
- package/gantt/package.json +7 -0
- package/gantt/style.css +1 -0
- package/grid/index.d.ts +7 -0
- package/grid/index.es.js +269 -0
- package/grid/index.umd.js +1 -0
- package/grid/package.json +7 -0
- package/grid/style.css +1 -0
- package/icon/index.d.ts +7 -0
- package/icon/index.es.js +6 -5
- package/icon/index.umd.js +1 -1
- package/image-preview/index.d.ts +7 -0
- package/image-preview/index.es.js +72 -11
- package/image-preview/index.umd.js +1 -1
- package/image-preview/style.css +1 -1
- package/index.d.ts +7 -0
- package/input/index.d.ts +7 -0
- package/input/index.es.js +24 -13
- package/input/index.umd.js +1 -1
- package/input-icon/index.d.ts +7 -0
- package/input-icon/index.es.js +332 -0
- package/input-icon/index.umd.js +1 -0
- package/input-icon/package.json +7 -0
- package/input-icon/style.css +1 -0
- package/input-number/index.d.ts +7 -0
- package/input-number/index.es.js +5 -4
- package/input-number/index.umd.js +1 -1
- package/layout/index.d.ts +7 -0
- package/layout/index.es.js +1 -1
- package/layout/index.umd.js +1 -1
- package/loading/index.d.ts +7 -0
- package/loading/index.es.js +1 -1
- package/loading/index.umd.js +1 -1
- package/modal/index.d.ts +7 -0
- package/modal/index.es.js +117 -99
- package/modal/index.umd.js +1 -1
- package/modal/style.css +1 -1
- package/nav-sprite/index.d.ts +7 -0
- package/nuxt/components/Accordion.js +3 -0
- package/nuxt/components/Alert.js +3 -0
- package/nuxt/components/Anchor.js +3 -0
- package/nuxt/components/Aside.js +3 -0
- package/nuxt/components/Avatar.js +3 -0
- package/nuxt/components/BackTop.js +3 -0
- package/nuxt/components/Badge.js +3 -0
- package/nuxt/components/Breadcrumb.js +3 -0
- package/nuxt/components/Button.js +3 -0
- package/nuxt/components/Card.js +3 -0
- package/nuxt/components/Carousel.js +3 -0
- package/nuxt/components/Cascader.js +3 -0
- package/nuxt/components/Checkbox.js +3 -0
- package/nuxt/components/Col.js +3 -0
- package/nuxt/components/Column.js +3 -0
- package/nuxt/components/Comment.js +3 -0
- package/nuxt/components/Content.js +3 -0
- package/nuxt/components/Countdown.js +3 -0
- package/nuxt/components/DatePicker.js +3 -0
- package/nuxt/components/Drawer.js +3 -0
- package/nuxt/components/Dropdown.js +3 -0
- package/nuxt/components/EditableSelect.js +3 -0
- package/nuxt/components/FixedOverlay.js +3 -0
- package/nuxt/components/FlexibleOverlay.js +3 -0
- package/nuxt/components/Footer.js +3 -0
- package/nuxt/components/Form.js +3 -0
- package/nuxt/components/FormControl.js +3 -0
- package/nuxt/components/FormItem.js +3 -0
- package/nuxt/components/FormLabel.js +3 -0
- package/nuxt/components/FormOperation.js +3 -0
- package/nuxt/components/Fullscreen.js +3 -0
- package/nuxt/components/Gantt.js +3 -0
- package/nuxt/components/Header.js +3 -0
- package/nuxt/components/Icon.js +2 -0
- package/nuxt/components/ImagePreviewService.js +3 -0
- package/nuxt/components/Input.js +3 -0
- package/nuxt/components/InputIcon.js +3 -0
- package/nuxt/components/InputNumber.js +3 -0
- package/nuxt/components/Layout.js +3 -0
- package/nuxt/components/Loading.js +3 -0
- package/nuxt/components/LoadingService.js +3 -0
- package/nuxt/components/Modal.js +3 -0
- package/nuxt/components/MultiUpload.js +3 -0
- package/nuxt/components/NavSprite.js +2 -0
- package/nuxt/components/Pagination.js +3 -0
- package/nuxt/components/Panel.js +3 -0
- package/nuxt/components/Popover.js +3 -0
- package/nuxt/components/Progress.js +3 -0
- package/nuxt/components/QuadrantDiagram.js +3 -0
- package/nuxt/components/Radio.js +3 -0
- package/nuxt/components/RadioGroup.js +3 -0
- package/nuxt/components/Rate.js +3 -0
- package/nuxt/components/ReadTip.js +3 -0
- package/nuxt/components/Result.js +3 -0
- package/nuxt/components/Row.js +3 -0
- package/nuxt/components/Search.js +3 -0
- package/nuxt/components/Select.js +3 -0
- package/nuxt/components/Skeleton.js +3 -0
- package/nuxt/components/SkeletonItem.js +3 -0
- package/nuxt/components/Slider.js +3 -0
- package/nuxt/components/Splitter.js +3 -0
- package/nuxt/components/Statistic.js +3 -0
- package/nuxt/components/Status.js +3 -0
- package/nuxt/components/StepsGuide.js +3 -0
- package/nuxt/components/StickSlider.js +3 -0
- package/nuxt/components/Sticky.js +2 -0
- package/nuxt/components/Switch.js +3 -0
- package/nuxt/components/Table.js +3 -0
- package/nuxt/components/Tabs.js +3 -0
- package/nuxt/components/Tag.js +3 -0
- package/nuxt/components/TagInput.js +3 -0
- package/nuxt/components/Textarea.js +3 -0
- package/nuxt/components/TimeAxis.js +3 -0
- package/nuxt/components/TimeAxisItem.js +3 -0
- package/nuxt/components/TimePicker.js +3 -0
- package/nuxt/components/Toast.js +3 -0
- package/nuxt/components/ToastService.js +3 -0
- package/nuxt/components/Tooltip.js +3 -0
- package/nuxt/components/Transfer.js +3 -0
- package/nuxt/components/Tree.js +3 -0
- package/nuxt/components/TreeSelect.js +3 -0
- package/nuxt/components/Upload.js +3 -0
- package/nuxt/components/buttonProps.js +3 -0
- package/nuxt/index.js +13 -0
- package/overlay/index.d.ts +7 -0
- package/overlay/index.es.js +110 -93
- package/overlay/index.umd.js +1 -1
- package/overlay/style.css +1 -1
- package/package.json +6 -33
- package/pagination/index.d.ts +7 -0
- package/pagination/index.es.js +3 -3
- package/pagination/index.umd.js +1 -1
- package/panel/index.d.ts +7 -0
- package/panel/index.es.js +25 -22
- package/panel/index.umd.js +1 -1
- package/panel/style.css +1 -1
- package/popover/index.d.ts +7 -0
- package/popover/index.es.js +5 -2
- package/popover/index.umd.js +1 -1
- package/progress/index.d.ts +7 -0
- package/progress/index.es.js +1 -1
- package/progress/index.umd.js +2 -2
- package/quadrant-diagram/index.d.ts +7 -0
- package/radio/index.d.ts +7 -0
- package/radio/index.es.js +1 -1
- package/radio/index.umd.js +1 -1
- package/rate/index.d.ts +7 -0
- package/rate/index.es.js +1 -1
- package/rate/index.umd.js +1 -1
- package/read-tip/index.d.ts +7 -0
- package/read-tip/index.es.js +258 -0
- package/read-tip/index.umd.js +1 -0
- package/read-tip/package.json +7 -0
- package/read-tip/style.css +1 -0
- package/result/index.d.ts +7 -0
- package/result/index.es.js +119 -0
- package/result/index.umd.js +1 -0
- package/result/package.json +7 -0
- package/result/style.css +1 -0
- package/ripple/index.d.ts +7 -0
- package/ripple/index.es.js +5 -2
- package/ripple/index.umd.js +1 -1
- package/search/index.d.ts +7 -0
- package/search/index.es.js +35 -21
- package/search/index.umd.js +1 -1
- package/select/index.d.ts +7 -0
- package/select/index.es.js +47 -11
- package/select/index.umd.js +1 -1
- package/skeleton/index.d.ts +7 -0
- package/skeleton/index.es.js +148 -26
- package/skeleton/index.umd.js +1 -1
- package/skeleton/style.css +1 -1
- package/slider/index.d.ts +7 -0
- package/slider/index.es.js +30 -177
- package/slider/index.umd.js +1 -1
- package/slider/style.css +1 -1
- package/splitter/index.d.ts +7 -0
- package/splitter/index.es.js +107 -89
- package/splitter/index.umd.js +1 -1
- package/statistic/index.d.ts +7 -0
- package/statistic/index.es.js +280 -0
- package/statistic/index.umd.js +1 -0
- package/statistic/package.json +7 -0
- package/statistic/style.css +1 -0
- package/status/index.d.ts +7 -0
- package/status/index.es.js +2 -2
- package/status/index.umd.js +1 -1
- package/steps-guide/index.d.ts +7 -0
- package/steps-guide/index.es.js +101 -73
- package/steps-guide/index.umd.js +1 -1
- package/steps-guide/style.css +1 -1
- package/sticky/index.d.ts +7 -0
- package/style.css +1 -1
- package/switch/index.d.ts +7 -0
- package/switch/index.es.js +1 -1
- package/switch/index.umd.js +1 -1
- package/table/index.d.ts +7 -0
- package/table/index.es.js +1498 -156
- package/table/index.umd.js +1 -1
- package/table/style.css +1 -1
- package/tabs/index.d.ts +7 -0
- package/tabs/index.es.js +6 -3
- package/tabs/index.umd.js +1 -1
- package/tag/index.d.ts +7 -0
- package/tag/index.es.js +131 -0
- package/tag/index.umd.js +1 -0
- package/tag/package.json +7 -0
- package/tag/style.css +1 -0
- package/tag-input/index.d.ts +7 -0
- package/tag-input/index.es.js +1 -13
- package/tag-input/index.umd.js +1 -1
- package/textarea/index.d.ts +7 -0
- package/textarea/index.es.js +132 -0
- package/textarea/index.umd.js +1 -0
- package/textarea/package.json +7 -0
- package/textarea/style.css +1 -0
- package/time-axis/index.d.ts +7 -0
- package/time-axis/index.es.js +241 -21
- package/time-axis/index.umd.js +1 -1
- package/time-axis/style.css +1 -1
- package/time-picker/index.d.ts +7 -0
- package/time-picker/index.es.js +50 -26
- package/time-picker/index.umd.js +1 -1
- package/time-picker/style.css +1 -1
- package/toast/index.d.ts +7 -0
- package/toast/index.es.js +8 -7
- package/toast/index.umd.js +1 -1
- package/toast/style.css +1 -1
- package/tooltip/index.d.ts +7 -0
- package/transfer/index.d.ts +7 -0
- package/transfer/index.es.js +368 -79
- package/transfer/index.umd.js +1 -1
- package/transfer/style.css +1 -1
- package/tree/index.d.ts +7 -0
- package/tree/index.es.js +171 -35
- package/tree/index.umd.js +1 -1
- package/tree-select/index.d.ts +7 -0
- package/tree-select/index.es.js +528 -0
- package/tree-select/index.umd.js +1 -0
- package/tree-select/package.json +7 -0
- package/tree-select/style.css +1 -0
- package/upload/index.d.ts +7 -0
- package/upload/index.es.js +8 -7
- package/upload/index.umd.js +1 -1
- package/upload/style.css +1 -1
- package/vue-devui.es.js +19214 -7637
- package/vue-devui.umd.js +29 -3
package/cascader/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(t,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis!="undefined"?globalThis:t||self,e(t.index={},t.Vue))})(this,function(t,e){"use strict";var _="";const f={trigger:{type:String,default:"hover"},options:{type:Array,default:[],required:!0},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:""}},m=(a,n)=>e.computed(()=>({"devui-cascader devui-dropdown devui-dropdown-animation":!0,"devui-dropdown__open":n.value,"devui-cascader__disbaled":a.disabled})),C=()=>{const a=e.ref(!1),n=e.ref(""),o=()=>{a.value=!a.value};return e.watch(a,r=>{n.value=r?"devui-drop-menu-wrapper":""}),{menuShow:a,menuOpenClass:n,openPopup:o}},g=()=>e.computed(()=>({"devui-cascader-ul":!0}));var P="";const h={cascaderlis:{type:Array,default:[]},ulIndex:{type:Number,default:0}},v=()=>e.computed(()=>({"devui-cascader-li devui-dropdown-item":!0}));let d;const p=a=>(a&&(d=e.reactive([a])),{cascaderOptions:d,changeCascaderIndexs:(o,r)=>{var s;!d||(((s=o==null?void 0:o.children)==null?void 0:s.length)>0?d[r+1]=o.children:d.splice(r+1,d.length-1-r))}});var S="";const y=a=>{var c;const{cascaderli:n,ulIndex:o}=a,{changeCascaderIndexs:r}=p(),s=v(),i=()=>{r(n,o)};return e.createVNode("li",{class:s.value,onMouseover:i},[e.createVNode("div",{class:"dropdown-item-label"},[e.createVNode("span",null,[n.label])]),((c=n==null?void 0:n.children)==null?void 0:c.length)>0&&e.createVNode(e.resolveComponent("d-icon"),{name:"chevron-right",size:"16px",color:"inherit"},null)])};var N=e.defineComponent({name:"DCascaderList",props:h,setup(a){const n=g();return()=>e.createVNode("ul",{class:n.value},[a.cascaderlis.map((o,r)=>e.createVNode(y,e.mergeProps({cascaderli:o,liIndex:r},a),null))])}}),l=e.defineComponent({name:"DCascader",props:f,setup(a,n){const o=e.ref(null),r=e.reactive({originX:"left",originY:"bottom",overlayX:"left",overlayY:"top"}),{menuShow:s,menuOpenClass:i,openPopup:c}=C(),b=m(a,s),{cascaderOptions:x}=p(a.options);return()=>e.createVNode(e.Fragment,null,[e.createVNode("div",e.mergeProps({class:b.value,onClick:c,ref:o},n.attrs),[e.createVNode(e.resolveComponent("d-input"),{disabled:a.disabled,placeholder:a.placeholder},null),e.createVNode("div",{class:"devui-cascader__icon devui-drop-icon-animation"},[e.createVNode(e.resolveComponent("d-icon"),{name:"select-arrow",size:"12px"},null)])]),e.createVNode(e.resolveComponent("d-flexible-overlay"),{origin:o,visible:s.value,"onUpdate:visible":u=>s.value=u,position:r},{default:()=>[e.createVNode("div",{class:"devui-drop-menu-animation"},[e.createVNode("div",{class:`${i.value} devui-dropdown-menu`},[x.map((u,w)=>e.createVNode(N,{cascaderlis:u,"ul-index":w},null))])])]})])}});l.install=function(a){a.component(l.name,l)};var V={title:"Cascader \u7EA7\u8054\u83DC\u5355",category:"\u6570\u636E\u5F55\u5165",status:"10%",install(a){a.use(l)}};t.Cascader=l,t.default=V,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});
|
|
1
|
+
(function(p,o){typeof exports=="object"&&typeof module!="undefined"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(p=typeof globalThis!="undefined"?globalThis:p||self,o(p.index={},p.Vue))})(this,function(p,o){"use strict";var dt=typeof global=="object"&&global&&global.Object===Object&&global,pe=dt,ft=typeof self=="object"&&self&&self.Object===Object&&self,ht=pe||ft||Function("return this")(),T=ht,pt=T.Symbol,N=pt,ge=Object.prototype,gt=ge.hasOwnProperty,bt=ge.toString,F=N?N.toStringTag:void 0;function yt(e){var t=gt.call(e,F),r=e[F];try{e[F]=void 0;var n=!0}catch{}var a=bt.call(e);return n&&(t?e[F]=r:delete e[F]),a}var vt=Object.prototype,mt=vt.toString;function _t(e){return mt.call(e)}var Tt="[object Null]",$t="[object Undefined]",be=N?N.toStringTag:void 0;function B(e){return e==null?e===void 0?$t:Tt:be&&be in Object(e)?yt(e):_t(e)}function L(e){return e!=null&&typeof e=="object"}var Ct=Array.isArray,Q=Ct;function U(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var jt="[object AsyncFunction]",wt="[object Function]",Ot="[object GeneratorFunction]",St="[object Proxy]";function ye(e){if(!U(e))return!1;var t=B(e);return t==wt||t==Ot||t==jt||t==St}var At=T["__core-js_shared__"],ee=At,ve=function(){var e=/[^.]+$/.exec(ee&&ee.keys&&ee.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function Pt(e){return!!ve&&ve in e}var Nt=Function.prototype,It=Nt.toString;function w(e){if(e!=null){try{return It.call(e)}catch{}try{return e+""}catch{}}return""}var Vt=/[\\^$.*+?()[\]{}|]/g,Et=/^\[object .+?Constructor\]$/,Dt=Function.prototype,xt=Object.prototype,Mt=Dt.toString,Ft=xt.hasOwnProperty,Bt=RegExp("^"+Mt.call(Ft).replace(Vt,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function Lt(e){if(!U(e)||Pt(e))return!1;var t=ye(e)?Bt:Et;return t.test(w(e))}function Ut(e,t){return e==null?void 0:e[t]}function O(e,t){var r=Ut(e,t);return Lt(r)?r:void 0}var kt=O(T,"WeakMap"),te=kt,me=Object.create,Gt=function(){function e(){}return function(t){if(!U(t))return{};if(me)return me(t);e.prototype=t;var r=new e;return e.prototype=void 0,r}}(),zt=Gt;function Rt(e,t){var r=-1,n=e.length;for(t||(t=Array(n));++r<n;)t[r]=e[r];return t}var Wt=function(){try{var e=O(Object,"defineProperty");return e({},"",{}),e}catch{}}(),_e=Wt;function Ht(e,t){for(var r=-1,n=e==null?0:e.length;++r<n&&t(e[r],r,e)!==!1;);return e}var Kt=9007199254740991,qt=/^(?:0|[1-9]\d*)$/;function Yt(e,t){var r=typeof e;return t=t==null?Kt:t,!!t&&(r=="number"||r!="symbol"&&qt.test(e))&&e>-1&&e%1==0&&e<t}function Te(e,t,r){t=="__proto__"&&_e?_e(e,t,{configurable:!0,enumerable:!0,value:r,writable:!0}):e[t]=r}function $e(e,t){return e===t||e!==e&&t!==t}var Xt=Object.prototype,Jt=Xt.hasOwnProperty;function Ce(e,t,r){var n=e[t];(!(Jt.call(e,t)&&$e(n,r))||r===void 0&&!(t in e))&&Te(e,t,r)}function H(e,t,r,n){var a=!r;r||(r={});for(var i=-1,c=t.length;++i<c;){var s=t[i],g=n?n(r[s],e[s],s,r,e):void 0;g===void 0&&(g=e[s]),a?Te(r,s,g):Ce(r,s,g)}return r}var Zt=9007199254740991;function je(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=Zt}function we(e){return e!=null&&je(e.length)&&!ye(e)}var Qt=Object.prototype;function re(e){var t=e&&e.constructor,r=typeof t=="function"&&t.prototype||Qt;return e===r}function er(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n}var tr="[object Arguments]";function Oe(e){return L(e)&&B(e)==tr}var Se=Object.prototype,rr=Se.hasOwnProperty,nr=Se.propertyIsEnumerable,ar=Oe(function(){return arguments}())?Oe:function(e){return L(e)&&rr.call(e,"callee")&&!nr.call(e,"callee")},or=ar;function ir(){return!1}var Ae=typeof p=="object"&&p&&!p.nodeType&&p,Pe=Ae&&typeof module=="object"&&module&&!module.nodeType&&module,cr=Pe&&Pe.exports===Ae,Ne=cr?T.Buffer:void 0,sr=Ne?Ne.isBuffer:void 0,lr=sr||ir,Ie=lr,ur="[object Arguments]",dr="[object Array]",fr="[object Boolean]",hr="[object Date]",pr="[object Error]",gr="[object Function]",br="[object Map]",yr="[object Number]",vr="[object Object]",mr="[object RegExp]",_r="[object Set]",Tr="[object String]",$r="[object WeakMap]",Cr="[object ArrayBuffer]",jr="[object DataView]",wr="[object Float32Array]",Or="[object Float64Array]",Sr="[object Int8Array]",Ar="[object Int16Array]",Pr="[object Int32Array]",Nr="[object Uint8Array]",Ir="[object Uint8ClampedArray]",Vr="[object Uint16Array]",Er="[object Uint32Array]",u={};u[wr]=u[Or]=u[Sr]=u[Ar]=u[Pr]=u[Nr]=u[Ir]=u[Vr]=u[Er]=!0,u[ur]=u[dr]=u[Cr]=u[fr]=u[jr]=u[hr]=u[pr]=u[gr]=u[br]=u[yr]=u[vr]=u[mr]=u[_r]=u[Tr]=u[$r]=!1;function Dr(e){return L(e)&&je(e.length)&&!!u[B(e)]}function ne(e){return function(t){return e(t)}}var Ve=typeof p=="object"&&p&&!p.nodeType&&p,k=Ve&&typeof module=="object"&&module&&!module.nodeType&&module,xr=k&&k.exports===Ve,ae=xr&&pe.process,Mr=function(){try{var e=k&&k.require&&k.require("util").types;return e||ae&&ae.binding&&ae.binding("util")}catch{}}(),I=Mr,Ee=I&&I.isTypedArray,Fr=Ee?ne(Ee):Dr,Br=Fr,Lr=Object.prototype,Ur=Lr.hasOwnProperty;function De(e,t){var r=Q(e),n=!r&&or(e),a=!r&&!n&&Ie(e),i=!r&&!n&&!a&&Br(e),c=r||n||a||i,s=c?er(e.length,String):[],g=s.length;for(var d in e)(t||Ur.call(e,d))&&!(c&&(d=="length"||a&&(d=="offset"||d=="parent")||i&&(d=="buffer"||d=="byteLength"||d=="byteOffset")||Yt(d,g)))&&s.push(d);return s}function xe(e,t){return function(r){return e(t(r))}}var kr=xe(Object.keys,Object),Gr=kr,zr=Object.prototype,Rr=zr.hasOwnProperty;function Wr(e){if(!re(e))return Gr(e);var t=[];for(var r in Object(e))Rr.call(e,r)&&r!="constructor"&&t.push(r);return t}function oe(e){return we(e)?De(e):Wr(e)}function Hr(e){var t=[];if(e!=null)for(var r in Object(e))t.push(r);return t}var Kr=Object.prototype,qr=Kr.hasOwnProperty;function Yr(e){if(!U(e))return Hr(e);var t=re(e),r=[];for(var n in e)n=="constructor"&&(t||!qr.call(e,n))||r.push(n);return r}function ie(e){return we(e)?De(e,!0):Yr(e)}var Xr=O(Object,"create"),G=Xr;function Jr(){this.__data__=G?G(null):{},this.size=0}function Zr(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var Qr="__lodash_hash_undefined__",en=Object.prototype,tn=en.hasOwnProperty;function rn(e){var t=this.__data__;if(G){var r=t[e];return r===Qr?void 0:r}return tn.call(t,e)?t[e]:void 0}var nn=Object.prototype,an=nn.hasOwnProperty;function on(e){var t=this.__data__;return G?t[e]!==void 0:an.call(t,e)}var cn="__lodash_hash_undefined__";function sn(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=G&&t===void 0?cn:t,this}function S(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}S.prototype.clear=Jr,S.prototype.delete=Zr,S.prototype.get=rn,S.prototype.has=on,S.prototype.set=sn;function ln(){this.__data__=[],this.size=0}function K(e,t){for(var r=e.length;r--;)if($e(e[r][0],t))return r;return-1}var un=Array.prototype,dn=un.splice;function fn(e){var t=this.__data__,r=K(t,e);if(r<0)return!1;var n=t.length-1;return r==n?t.pop():dn.call(t,r,1),--this.size,!0}function hn(e){var t=this.__data__,r=K(t,e);return r<0?void 0:t[r][1]}function pn(e){return K(this.__data__,e)>-1}function gn(e,t){var r=this.__data__,n=K(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this}function C(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}C.prototype.clear=ln,C.prototype.delete=fn,C.prototype.get=hn,C.prototype.has=pn,C.prototype.set=gn;var bn=O(T,"Map"),z=bn;function yn(){this.size=0,this.__data__={hash:new S,map:new(z||C),string:new S}}function vn(e){var t=typeof e;return t=="string"||t=="number"||t=="symbol"||t=="boolean"?e!=="__proto__":e===null}function q(e,t){var r=e.__data__;return vn(t)?r[typeof t=="string"?"string":"hash"]:r.map}function mn(e){var t=q(this,e).delete(e);return this.size-=t?1:0,t}function _n(e){return q(this,e).get(e)}function Tn(e){return q(this,e).has(e)}function $n(e,t){var r=q(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this}function V(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}V.prototype.clear=yn,V.prototype.delete=mn,V.prototype.get=_n,V.prototype.has=Tn,V.prototype.set=$n;function Me(e,t){for(var r=-1,n=t.length,a=e.length;++r<n;)e[a+r]=t[r];return e}var Cn=xe(Object.getPrototypeOf,Object),Fe=Cn;function jn(){this.__data__=new C,this.size=0}function wn(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r}function On(e){return this.__data__.get(e)}function Sn(e){return this.__data__.has(e)}var An=200;function Pn(e,t){var r=this.__data__;if(r instanceof C){var n=r.__data__;if(!z||n.length<An-1)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new V(n)}return r.set(e,t),this.size=r.size,this}function E(e){var t=this.__data__=new C(e);this.size=t.size}E.prototype.clear=jn,E.prototype.delete=wn,E.prototype.get=On,E.prototype.has=Sn,E.prototype.set=Pn;function Nn(e,t){return e&&H(t,oe(t),e)}function In(e,t){return e&&H(t,ie(t),e)}var Be=typeof p=="object"&&p&&!p.nodeType&&p,Le=Be&&typeof module=="object"&&module&&!module.nodeType&&module,Vn=Le&&Le.exports===Be,Ue=Vn?T.Buffer:void 0,ke=Ue?Ue.allocUnsafe:void 0;function En(e,t){if(t)return e.slice();var r=e.length,n=ke?ke(r):new e.constructor(r);return e.copy(n),n}function Dn(e,t){for(var r=-1,n=e==null?0:e.length,a=0,i=[];++r<n;){var c=e[r];t(c,r,e)&&(i[a++]=c)}return i}function Ge(){return[]}var xn=Object.prototype,Mn=xn.propertyIsEnumerable,ze=Object.getOwnPropertySymbols,Fn=ze?function(e){return e==null?[]:(e=Object(e),Dn(ze(e),function(t){return Mn.call(e,t)}))}:Ge,ce=Fn;function Bn(e,t){return H(e,ce(e),t)}var Ln=Object.getOwnPropertySymbols,Un=Ln?function(e){for(var t=[];e;)Me(t,ce(e)),e=Fe(e);return t}:Ge,Re=Un;function kn(e,t){return H(e,Re(e),t)}function We(e,t,r){var n=t(e);return Q(e)?n:Me(n,r(e))}function Gn(e){return We(e,oe,ce)}function zn(e){return We(e,ie,Re)}var Rn=O(T,"DataView"),se=Rn,Wn=O(T,"Promise"),le=Wn,Hn=O(T,"Set"),ue=Hn,He="[object Map]",Kn="[object Object]",Ke="[object Promise]",qe="[object Set]",Ye="[object WeakMap]",Xe="[object DataView]",qn=w(se),Yn=w(z),Xn=w(le),Jn=w(ue),Zn=w(te),A=B;(se&&A(new se(new ArrayBuffer(1)))!=Xe||z&&A(new z)!=He||le&&A(le.resolve())!=Ke||ue&&A(new ue)!=qe||te&&A(new te)!=Ye)&&(A=function(e){var t=B(e),r=t==Kn?e.constructor:void 0,n=r?w(r):"";if(n)switch(n){case qn:return Xe;case Yn:return He;case Xn:return Ke;case Jn:return qe;case Zn:return Ye}return t});var de=A,Qn=Object.prototype,ea=Qn.hasOwnProperty;function ta(e){var t=e.length,r=new e.constructor(t);return t&&typeof e[0]=="string"&&ea.call(e,"index")&&(r.index=e.index,r.input=e.input),r}var ra=T.Uint8Array,Je=ra;function fe(e){var t=new e.constructor(e.byteLength);return new Je(t).set(new Je(e)),t}function na(e,t){var r=t?fe(e.buffer):e.buffer;return new e.constructor(r,e.byteOffset,e.byteLength)}var aa=/\w*$/;function oa(e){var t=new e.constructor(e.source,aa.exec(e));return t.lastIndex=e.lastIndex,t}var Ze=N?N.prototype:void 0,Qe=Ze?Ze.valueOf:void 0;function ia(e){return Qe?Object(Qe.call(e)):{}}function ca(e,t){var r=t?fe(e.buffer):e.buffer;return new e.constructor(r,e.byteOffset,e.length)}var sa="[object Boolean]",la="[object Date]",ua="[object Map]",da="[object Number]",fa="[object RegExp]",ha="[object Set]",pa="[object String]",ga="[object Symbol]",ba="[object ArrayBuffer]",ya="[object DataView]",va="[object Float32Array]",ma="[object Float64Array]",_a="[object Int8Array]",Ta="[object Int16Array]",$a="[object Int32Array]",Ca="[object Uint8Array]",ja="[object Uint8ClampedArray]",wa="[object Uint16Array]",Oa="[object Uint32Array]";function Sa(e,t,r){var n=e.constructor;switch(t){case ba:return fe(e);case sa:case la:return new n(+e);case ya:return na(e,r);case va:case ma:case _a:case Ta:case $a:case Ca:case ja:case wa:case Oa:return ca(e,r);case ua:return new n;case da:case pa:return new n(e);case fa:return oa(e);case ha:return new n;case ga:return ia(e)}}function Aa(e){return typeof e.constructor=="function"&&!re(e)?zt(Fe(e)):{}}var Pa="[object Map]";function Na(e){return L(e)&&de(e)==Pa}var et=I&&I.isMap,Ia=et?ne(et):Na,Va=Ia,Ea="[object Set]";function Da(e){return L(e)&&de(e)==Ea}var tt=I&&I.isSet,xa=tt?ne(tt):Da,Ma=xa,Fa=1,Ba=2,La=4,rt="[object Arguments]",Ua="[object Array]",ka="[object Boolean]",Ga="[object Date]",za="[object Error]",nt="[object Function]",Ra="[object GeneratorFunction]",Wa="[object Map]",Ha="[object Number]",at="[object Object]",Ka="[object RegExp]",qa="[object Set]",Ya="[object String]",Xa="[object Symbol]",Ja="[object WeakMap]",Za="[object ArrayBuffer]",Qa="[object DataView]",eo="[object Float32Array]",to="[object Float64Array]",ro="[object Int8Array]",no="[object Int16Array]",ao="[object Int32Array]",oo="[object Uint8Array]",io="[object Uint8ClampedArray]",co="[object Uint16Array]",so="[object Uint32Array]",l={};l[rt]=l[Ua]=l[Za]=l[Qa]=l[ka]=l[Ga]=l[eo]=l[to]=l[ro]=l[no]=l[ao]=l[Wa]=l[Ha]=l[at]=l[Ka]=l[qa]=l[Ya]=l[Xa]=l[oo]=l[io]=l[co]=l[so]=!0,l[za]=l[nt]=l[Ja]=!1;function Y(e,t,r,n,a,i){var c,s=t&Fa,g=t&Ba,d=t&La;if(r&&(c=a?r(e,n,a,i):r(e)),c!==void 0)return c;if(!U(e))return e;var j=Q(e);if(j){if(c=ta(e),!s)return Rt(e,c)}else{var m=de(e),D=m==nt||m==Ra;if(Ie(e))return En(e,s);if(m==at||m==rt||D&&!a){if(c=g||D?{}:Aa(e),!s)return g?kn(e,In(c,e)):Bn(e,Nn(c,e))}else{if(!l[m])return a?e:{};c=Sa(e,m,s)}}i||(i=new E);var x=i.get(e);if(x)return x;i.set(e,c),Ma(e)?e.forEach(function(f){c.add(Y(f,t,r,f,e,i))}):Va(e)&&e.forEach(function(f,v){c.set(v,Y(f,t,r,v,e,i))});var W=d?g?zn:Gn:g?ie:oe,M=j?void 0:W(e);return Ht(M||e,function(f,v){M&&(v=f,f=e[v]),Ce(c,v,Y(f,t,r,v,e,i))}),c}var lo=1,uo=4;function X(e){return Y(e,lo|uo)}const fo=(e,t)=>o.computed(()=>({"devui-cascader devui-dropdown devui-dropdown-animation":!0,"devui-dropdown__open":t.value,"devui-cascader__disbaled":e.disabled})),ho=e=>{var a,i;const t=e==null?void 0:e.cascaderItemNeedProps,r=(t==null?void 0:t.valueCache[e.ulIndex])===((a=e.cascaderItem)==null?void 0:a.value),n=(i=e.cascaderItem)==null?void 0:i.disabled;return o.computed(()=>({"devui-cascader-li devui-dropdown-item":!0,"devui-leaf-active":r,disabled:n}))},po=e=>o.computed(()=>{var t;return{"devui-cascader-ul":!0,"devui-drop-no-data":((t=e==null?void 0:e.cascaderItems)==null?void 0:t.length)===0}}),go=e=>e?"devui-drop-menu-wrapper":"",bo=e=>({inputWidth:`width: ${e.width}px`}),yo=e=>({dropdownWidth:`width: ${e==null?void 0:e.dropdownWidth}px`}),vo={trigger:{type:String,default:"hover"},width:{type:Number||String,default:200},dropdownWidth:{type:Number||String,default:200},options:{type:Array,default:[],required:!0},multiple:{type:Boolean,default:!1},showPath:{type:Boolean,default:!1},value:{type:Array,default:[]},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:""},change:{type:Function,default:void 0}},mo={cascaderItems:{type:Array,default:()=>[{label:"",value:null}]},dropdownWidth:{type:Number||String,default:200},ulIndex:{type:Number,default:0},cascaderItemNeedProps:{type:Object,default:()=>({})},stopDefault:{type:Boolean,default:!1},cascaderOptions:{type:Array,default:()=>[[{label:"",value:null}]]}},_o=e=>{e.splice(0,e.length)},ot=(e,t)=>{e.push(t)},it=(e,t)=>{const r=e.findIndex(n=>n.value===t.value);e.splice(r,1)},To=(e,t,r)=>{ct(e,t,0,r)},ct=(e,t,r,n)=>{var i;let a=t.find(c=>c.value===e[r]);((i=a==null?void 0:a.children)==null?void 0:i.length)>0?(r+=1,a=$o(a),ct(e,a.children,r,n)):(ot(n,a),a.checked=!0,st(a==null?void 0:a.parent))},$o=e=>(e==null||e.children.forEach(t=>{t.parent=e}),e),Co=e=>{const t=(a,i,c)=>{r(a,c),c-=1;const s=a==null?void 0:a.parent;lt(s,i,c)},r=(a,i)=>{(a==null?void 0:a.halfChecked)?(a.halfChecked=!1,a.checked=!1,n(a,"halfChecked",i)):(a.checked=!a.checked,n(a,"checked",i,a.checked))},n=(a,i,c,s)=>{var g;((g=a==null?void 0:a.children)==null?void 0:g.length)>0?a.children.forEach(d=>{d.disabled||(i==="checked"?(d[i]=s,d.halfChecked=!1,n(d,i,c,s)):i==="halfChecked"&&(d.halfChecked=!1,d.checked=!1,!s&&n(d,i,c)))}):a.checked?ot(e,a):it(e,a)};return{updateStatus:t}},st=e=>{var a,i,c;const t=(a=e==null?void 0:e.children)==null?void 0:a.find(s=>s.checked),r=(i=e==null?void 0:e.children)==null?void 0:i.find(s=>s.halfChecked),n=(c=e==null?void 0:e.children)==null?void 0:c.find(s=>!s.halfChecked&&!s.checked);r||t&&n?(e.checked=!1,e.halfChecked=!0):!t&&!r?(e.checked=!1,e.halfChecked=!1):(e.checked=!0,e.halfChecked=!1)},lt=(e,t,r)=>{if(r<0)return;st(e),r-=1;const n=e==null?void 0:e.parent;lt(n,t,r)},ut=(e,t,r,n)=>{var i,c;let a=null;for(let s=0;s<t.length;s++)if(((i=t[s])==null?void 0:i.value)===e[r]){a=(c=t[s])==null?void 0:c.children,n[r]=s;break}r<e.length-1&&a&&(r+=1,ut(e,a,r,n))},jo=e=>{e.value=""},wo=(e,t,r)=>{t.splice(e,t.length-e),t[e]=r==null?void 0:r.value};var Eo="";const Oo=e=>{var y;const{cascaderItem:t,ulIndex:r,liIndex:n,cascaderItemNeedProps:a,cascaderOptions:i}=e,{multiple:c,stopDefault:s,valueCache:g,activeIndexs:d,trigger:j,confirmInputValueFlg:m,tagList:D}=a,x=j==="hover",W=ho(e),{updateStatus:M}=Co(D),f=o.computed(()=>t==null?void 0:t.disabled),v=()=>{s.value||(d.splice(r,d.length-r),d[r]=n,c||wo(r,g,t))},J=()=>{f.value||c||v()},Z={[x&&"onMouseenter"]:J},he=()=>{var b;f.value||(v(),!c&&(!t.children||((b=t==null?void 0:t.children)==null?void 0:b.length)===0)&&(m.value=!m.value))},h=()=>{M(t,i,r)};return o.createVNode("li",{class:W.value},[c&&o.createVNode("div",{class:"cascader-li__checkbox"},[o.createVNode(o.resolveComponent("d-checkbox"),{checked:t==null?void 0:t.checked,disabled:t.disabled,halfchecked:t==null?void 0:t.halfChecked,onChange:h},null)]),o.createVNode("div",o.mergeProps({class:"cascader-li__wraper"},Z,{onClick:he}),[t.icon&&o.createVNode("div",{class:"cascader-li__icon"+(t.disabled?" disabled":"")},[o.createVNode(o.resolveComponent("d-icon"),{name:t.icon,size:"inherit"},null)]),o.createVNode("div",{class:"dropdown-item-label"},[o.createVNode("span",null,[t.label])]),((y=t==null?void 0:t.children)==null?void 0:y.length)>0&&o.createVNode(o.resolveComponent("d-icon"),{name:"chevron-right",size:"16px",color:"inherit"},null)])])};var Do="",So=o.defineComponent({name:"DCascaderList",props:mo,setup(e){const t=po(e),r=yo(e);return()=>{var n;return o.createVNode("ul",{class:t.value,style:r.dropdownWidth},[((n=e==null?void 0:e.cascaderItems)==null?void 0:n.length)>0?e.cascaderItems.map((a,i)=>o.createVNode(Oo,o.mergeProps({cascaderItem:a,liIndex:i},e),null)):o.createVNode("span",null,[o.createTextVNode("\u6CA1\u6709\u6570\u636E")])])}}}),xo="",Ao=e=>{const{tagList:t,tag:r}=e,n=a=>{a.stopPropagation(),it(t,r)};return o.createVNode("div",{class:"devui-tag"},[o.createVNode("span",null,[r==null?void 0:r.label]),o.createVNode("div",{class:"devui-tag__close",onClick:n},[o.createVNode(o.resolveComponent("d-icon"),{name:"close"},null)])])},Mo="",Po=e=>o.createVNode("div",{class:"devui-tags-input"},[o.createVNode("div",{class:"devui-tags-box"},[e.activeOptions.length>0?e.activeOptions.map(t=>o.createVNode(Ao,{tag:t,tagList:e.activeOptions},null)):o.createVNode("div",{class:"devui-tags-placeholder"},[e.placeholder])])]);const No=(e,t,r)=>({cascaderItemNeedProps:{trigger:e.trigger,inputValueCache:o.ref(""),confirmInputValueFlg:o.ref(!1),valueCache:o.reactive(X(e.value)),value:o.reactive(X(e.value)),multiple:e.multiple,activeIndexs:o.reactive([]),tagList:r,stopDefault:t}}),Io=e=>{const t=o.ref(!1),r=o.ref(""),n=o.computed(()=>e.disabled),a=o.ref(!1),i=()=>{a.value=!t.value},c=()=>{n.value||(t.value=!t.value,i())};return o.watch(t,s=>{r.value=go(s)}),{menuShow:t,stopDefault:a,menuOpenClass:r,updateStopDefaultType:i,openPopup:c}};var Fo="",R=o.defineComponent({name:"DCascader",props:vo,setup(e,t){const r=o.ref(null),n=o.reactive(X([e==null?void 0:e.options])),a=o.toRef(e,"multiple"),i=o.ref(""),c=o.reactive([]),s=bo(e);let g=e.value.length>0;const d=o.reactive({originX:"left",originY:"bottom",overlayX:"left",overlayY:"top"}),{menuShow:j,menuOpenClass:m,openPopup:D,stopDefault:x,updateStopDefaultType:W}=Io(e),M=fo(e,j),{cascaderItemNeedProps:f}=No(e,x,c),v=(h,y,b,P)=>{P?b.value+=h+((y==null?void 0:y.length)>0?" / ":""):b.value=h},J=(h,y,b)=>{if(b===h.length)return;const P=h[b],$=y[P],_=$==null?void 0:$.children;(_==null?void 0:_.length)>0?(n[b+1]=_,J(h,_,b+1)):n.splice(b+1,n.length-1)},Z=(h,y,b)=>{if(a.value){const P=n[0]||[];h.forEach($=>{To($,P,c)})}else{if(b===h.length)return;const P=h[b],$=he(y,P),_=$==null?void 0:$.children;v($.label,_,f.inputValueCache,e.showPath),(_==null?void 0:_.length)>0&&Z(h,_,b+1)}},he=(h,y)=>h.filter(b=>(b==null?void 0:b.value)===y)[0];return o.watch(f.activeIndexs,h=>{n.splice(h.length,n.length-1),J(h,n[0],0)}),o.watch(()=>f.confirmInputValueFlg.value,()=>{a.value?_o(c):jo(f.inputValueCache),f.value=o.reactive(X(f.valueCache)),j.value=!1,W(),Z(f.value,n[0],0),i.value=f.inputValueCache.value,g&&!a.value&&(ut(e.value,n[0],0,f.activeIndexs),g=!1)},{immediate:!0}),()=>o.createVNode(o.Fragment,null,[o.createVNode("div",o.mergeProps({class:M.value,style:s.inputWidth,onClick:D,ref:r},t.attrs),[a.value?o.createVNode(Po,{placeholder:e.placeholder,activeOptions:c},null):o.createVNode(o.resolveComponent("d-input"),{disabled:e.disabled,placeholder:e.placeholder,modelValue:i.value},null),o.createVNode("div",{class:"devui-cascader__icon devui-drop-icon-animation"},[o.createVNode(o.resolveComponent("d-icon"),{name:"select-arrow",size:"12px"},null)])]),o.createVNode(o.resolveComponent("d-flexible-overlay"),{origin:r,backgroundStyle:"background: transparent",visible:j.value,"onUpdate:visible":h=>j.value=h,position:d},{default:()=>[o.createVNode("div",{class:"devui-drop-menu-animation"},[o.createVNode("div",{class:`${m.value} devui-dropdown-menu`},[n.map((h,y)=>o.createVNode(So,o.mergeProps({cascaderItems:h,"ul-index":y,cascaderItemNeedProps:f,cascaderOptions:n,dropdownWidth:e.dropdownWidth},e),null))])])]})])}});R.install=function(e){e.component(R.name,R)};var Vo={title:"Cascader \u7EA7\u8054\u83DC\u5355",category:"\u6570\u636E\u5F55\u5165",status:"30%",install(e){e.use(R)}};p.Cascader=R,p.default=Vo,Object.defineProperty(p,"__esModule",{value:!0}),p[Symbol.toStringTag]="Module"});
|
package/cascader/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.devui-cascader{display:flex;justify-content:flex-start;align-items:center;position:relative}.devui-cascader>div:nth-child(1){width:100%}.devui-cascader__icon{position:absolute;right:5px;top:0;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.devui-cascader__icon .icon{margin:0}.devui-cascader input{width:100%;padding-right:16px}.devui-cascader .devui-drop-menu-wrapper{display:block;margin:4px 0;font-size:0;white-space:nowrap;padding:0}.devui-drop-icon-animation{transition:transform .2s linear}.devui-drop-menu-animation{transition:opacity .2s ease-in-out,transform .2s ease-in-out;z-index:1000;margin-top:1px}.devui-drop-menu-animation .devui-dropdown-menu{width:auto;padding-bottom:0;display:flex;justify-content:"flex-start";align-items:center}.devui-dropdown__open .devui-cascader__icon{transform:rotate(180deg)}.devui-dropdown__open .devui-drop-menu-animation{transform-origin:0 0%;transform:scaleY(.9999) translateY(0);opacity:1}
|
|
1
|
+
.devui-cascader-li.devui-dropdown-item{height:32px;padding:8px 12px;color:var(--devui-text, #252b3a);cursor:pointer;display:flex;justify-content:flex-start;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.devui-cascader-li .cascader-li__wraper{flex:1;display:flex;justify-content:flex-start;align-items:center}.devui-cascader-li .dropdown-item-label{display:inline-block;flex:1;width:0;overflow:hidden;text-overflow:ellipsis;font-size:var(--devui-font-size, 12px)}.devui-cascader-li.devui-leaf-active{background:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-cascader-li.devui-leaf-active span{color:var(--devui-brand-active, #526ecc)}.devui-cascader-li.disabled{background-color:var(--devui-disabled-bg, #f5f5f6);cursor:not-allowed}.devui-cascader-li .cascader-li__checkbox{margin-right:4px}.devui-cascader-li .cascader-li__icon{margin-right:4px;font-size:var(--devui-font-size-icon, 16px);color:var(--devui-text, #252b3a)}.devui-cascader-li .cascader-li__icon.disabled{color:var(--devui-disabled-text, #adb0b8)!important}.devui-cascader-ul{height:180px;background:var(--devui-connected-overlay-bg, #ffffff);display:block;list-style:none;margin:0;padding:0;overflow-y:auto;border-left:1px solid var(--devui-dividing-line, #dfe1e6)}.devui-cascader-ul.devui-drop-no-data{color:var(--devui-disabled-text, #adb0b8);padding:8px;display:block;height:36px;line-height:36px;overflow-y:hidden;background-color:var(--devui-disabled-bg, #f5f5f6);font-size:var(--devui-font-size, 12px);display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.devui-tag{margin:2px 4px 2px 0;display:inline-block;position:relative;display:flex;align-items:center;padding:0 8px;background-color:var(--devui-label-bg, #eef0f5);border-radius:var(--devui-border-radius, 2px);border-color:inherit;border:0 solid}.devui-tag span{min-height:20px;line-height:20px;font-size:var(--devui-font-size, 12px);color:var(--devui-text, #252b3a);position:relative;cursor:default}.devui-tag__close{margin-left:12px;font-size:var(--devui-font-size, 12px);cursor:pointer;color:#fff;width:14px;height:14px;line-height:14px;background-color:var(--devui-line, #adb0b8);border-radius:50%;display:inline-block;text-align:center}.devui-tag__close:hover{background-color:var(--devui-brand, #5e7ce0)}.devui-tags-input{flex:1;padding:1px 20px 1px 4px;border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);outline:none;background-color:var(--devui-base-bg, #ffffff);transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-tags-box{width:100%;overflow:auto;min-height:28px;max-height:56px;display:flex;align-items:center;flex-wrap:wrap}.devui-tags-placeholder{font-size:var(--devui-font-size, 12px);line-height:22px;margin-left:6px;color:var(--devui-placeholder, #8a8e99)}.devui-cascader{display:flex;justify-content:flex-start;align-items:center;position:relative}.devui-cascader>div:nth-child(1){width:100%}.devui-cascader__icon{position:absolute;right:5px;top:0;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.devui-cascader__icon .icon{margin:0}.devui-cascader__disbaled .icon{color:var(--devui-disabled-text, #adb0b8)!important}.devui-cascader input{width:100%;padding-right:16px}.devui-cascader .devui-drop-menu-wrapper{display:block;margin:4px 0;font-size:0;white-space:nowrap;padding:0}.devui-drop-icon-animation{transition:transform .2s linear}.devui-drop-menu-animation{transition:opacity .2s ease-in-out,transform .2s ease-in-out;z-index:1000;margin-top:1px}.devui-drop-menu-animation .devui-dropdown-menu{width:auto;padding-bottom:0;display:flex;justify-content:"flex-start";align-items:center}.devui-dropdown__open .devui-cascader__icon{transform:rotate(180deg)}.devui-dropdown__open .devui-drop-menu-animation{transform-origin:0 0%;transform:scaleY(.9999) translateY(0);opacity:1}
|
package/checkbox/index.es.js
CHANGED
|
@@ -24,10 +24,17 @@ const commonProps = {
|
|
|
24
24
|
type: String,
|
|
25
25
|
default: void 0
|
|
26
26
|
},
|
|
27
|
+
halfchecked: {
|
|
28
|
+
type: Boolean,
|
|
29
|
+
default: false
|
|
30
|
+
},
|
|
27
31
|
isShowTitle: {
|
|
28
32
|
type: Boolean,
|
|
29
33
|
default: true
|
|
30
34
|
},
|
|
35
|
+
title: {
|
|
36
|
+
type: String
|
|
37
|
+
},
|
|
31
38
|
color: {
|
|
32
39
|
type: String,
|
|
33
40
|
default: void 0
|
|
@@ -123,15 +130,15 @@ var Checkbox = defineComponent({
|
|
|
123
130
|
});
|
|
124
131
|
const mergedIsShowTitle = computed(() => {
|
|
125
132
|
var _a;
|
|
126
|
-
return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.isShowTitle) != null ? _a : props.isShowTitle;
|
|
133
|
+
return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.isShowTitle.value) != null ? _a : props.isShowTitle;
|
|
127
134
|
});
|
|
128
135
|
const mergedShowAnimation = computed(() => {
|
|
129
136
|
var _a;
|
|
130
|
-
return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.showAnimation) != null ? _a : props.showAnimation;
|
|
137
|
+
return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.showAnimation.value) != null ? _a : props.showAnimation;
|
|
131
138
|
});
|
|
132
139
|
const mergedColor = computed(() => {
|
|
133
140
|
var _a;
|
|
134
|
-
return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.color) != null ? _a : props.color;
|
|
141
|
+
return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.color.value) != null ? _a : props.color;
|
|
135
142
|
});
|
|
136
143
|
const itemWidth = checkboxGroupConf == null ? void 0 : checkboxGroupConf.itemWidth.value;
|
|
137
144
|
const direction = checkboxGroupConf == null ? void 0 : checkboxGroupConf.direction.value;
|
|
@@ -158,7 +165,7 @@ var Checkbox = defineComponent({
|
|
|
158
165
|
ctx.emit("change", current);
|
|
159
166
|
};
|
|
160
167
|
const handleClick = () => {
|
|
161
|
-
canChange(!isChecked.value, props.
|
|
168
|
+
canChange(!isChecked.value, props.label).then((res) => res && toggle());
|
|
162
169
|
};
|
|
163
170
|
return {
|
|
164
171
|
itemWidth,
|
|
@@ -273,8 +280,20 @@ var CheckboxGroup = defineComponent({
|
|
|
273
280
|
disabled: false
|
|
274
281
|
};
|
|
275
282
|
const toggleGroupVal = (val) => {
|
|
276
|
-
|
|
283
|
+
let index2 = -1;
|
|
284
|
+
if (typeof valList.value[0] === "string") {
|
|
285
|
+
index2 = valList.value.findIndex((item) => item === val);
|
|
286
|
+
} else if (typeof valList.value[0] === "object") {
|
|
287
|
+
index2 = valList.value.findIndex((item) => item.value === val);
|
|
288
|
+
}
|
|
277
289
|
if (index2 === -1) {
|
|
290
|
+
if (typeof props.options[0] === "object") {
|
|
291
|
+
const newOne = props.options.find((item) => item.value === val);
|
|
292
|
+
const res2 = [...valList.value, newOne];
|
|
293
|
+
ctx.emit("update:modelValue", res2);
|
|
294
|
+
ctx.emit("change", res2);
|
|
295
|
+
return;
|
|
296
|
+
}
|
|
278
297
|
const res = [...valList.value, val];
|
|
279
298
|
ctx.emit("update:modelValue", res);
|
|
280
299
|
ctx.emit("change", res);
|
|
@@ -284,7 +303,13 @@ var CheckboxGroup = defineComponent({
|
|
|
284
303
|
ctx.emit("update:modelValue", valList.value);
|
|
285
304
|
ctx.emit("change", valList.value);
|
|
286
305
|
};
|
|
287
|
-
const isItemChecked = (itemVal) =>
|
|
306
|
+
const isItemChecked = (itemVal) => {
|
|
307
|
+
if (typeof valList.value[0] === "string") {
|
|
308
|
+
return valList.value.includes(itemVal);
|
|
309
|
+
} else if (typeof valList.value[0] === "object") {
|
|
310
|
+
return valList.value.some((item) => item.value === itemVal);
|
|
311
|
+
}
|
|
312
|
+
};
|
|
288
313
|
provide(checkboxGroupInjectionKey, {
|
|
289
314
|
disabled: toRef(props, "disabled"),
|
|
290
315
|
isShowTitle: toRef(props, "isShowTitle"),
|
|
@@ -311,7 +336,17 @@ var CheckboxGroup = defineComponent({
|
|
|
311
336
|
let children = (_a = $slots.default) == null ? void 0 : _a.call($slots);
|
|
312
337
|
if ((options == null ? void 0 : options.length) > 0) {
|
|
313
338
|
children = options.map((opt) => {
|
|
314
|
-
|
|
339
|
+
let mergedOpt = null;
|
|
340
|
+
if (typeof opt === "string") {
|
|
341
|
+
mergedOpt = Object.assign({}, defaultOpt, {
|
|
342
|
+
label: opt,
|
|
343
|
+
value: opt
|
|
344
|
+
});
|
|
345
|
+
} else if (typeof opt === "object") {
|
|
346
|
+
mergedOpt = Object.assign({}, defaultOpt, __spreadProps(__spreadValues({}, opt), {
|
|
347
|
+
label: opt.name
|
|
348
|
+
}));
|
|
349
|
+
}
|
|
315
350
|
return createVNode(Checkbox, mergedOpt, null);
|
|
316
351
|
});
|
|
317
352
|
}
|
|
@@ -333,7 +368,7 @@ CheckboxGroup.install = function(app) {
|
|
|
333
368
|
var index = {
|
|
334
369
|
title: "Checkbox \u590D\u9009\u6846",
|
|
335
370
|
category: "\u6570\u636E\u5F55\u5165",
|
|
336
|
-
status: "
|
|
371
|
+
status: "100%",
|
|
337
372
|
install(app) {
|
|
338
373
|
app.use(Checkbox);
|
|
339
374
|
app.use(CheckboxGroup);
|
package/checkbox/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var q=Object.defineProperty,M=Object.defineProperties;var _=Object.getOwnPropertyDescriptors;var B=Object.getOwnPropertySymbols;var z=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var
|
|
1
|
+
var q=Object.defineProperty,M=Object.defineProperties;var _=Object.getOwnPropertyDescriptors;var B=Object.getOwnPropertySymbols;var z=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var I=(o,t,s)=>t in o?q(o,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):o[t]=s,C=(o,t)=>{for(var s in t||(t={}))z.call(t,s)&&I(o,s,t[s]);if(B)for(var s of B(t))E.call(t,s)&&I(o,s,t[s]);return o},N=(o,t)=>M(o,_(t));(function(o,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(o=typeof globalThis!="undefined"?globalThis:o||self,t(o.index={},o.Vue))})(this,function(o,t){"use strict";var s="";const T={name:{type:String,default:void 0},halfchecked:{type:Boolean,default:!1},isShowTitle:{type:Boolean,default:!0},title:{type:String},color:{type:String,default:void 0},showAnimation:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},beforeChange:{type:Function,default:void 0}},x=N(C({},T),{halfchecked:{type:Boolean,default:!1},checked:{type:Boolean,default:!1},value:{type:String},label:{type:String,default:void 0},title:{type:String,default:void 0},"onUpdate:checked":{type:Function,default:void 0},onChange:{type:Function,default:void 0},modelValue:{type:Boolean},"onUpdate:modelValue":{type:Function}}),F=N(C({},T),{modelValue:{type:Array,required:!0},direction:{type:String,default:"column"},itemWidth:{type:Number,default:void 0},options:{type:Array,default:()=>[]},onChange:{type:Function,default:void 0},"onUpdate:modelValue":{type:Function,default:void 0}}),P=Symbol("d-checkbox-group");var f=t.defineComponent({name:"DCheckbox",props:x,emits:["change","update:checked","update:modelValue"],setup(n,a){const e=t.inject(P,null),c=t.computed(()=>n.checked||n.modelValue),m=t.computed(()=>(e==null?void 0:e.disabled.value)||n.disabled),h=t.computed(()=>{var i,y;return(y=(i=e==null?void 0:e.isItemChecked)==null?void 0:i.call(e,n.value))!=null?y:c.value}),l=t.computed(()=>{var i;return(i=e==null?void 0:e.isShowTitle.value)!=null?i:n.isShowTitle}),d=t.computed(()=>{var i;return(i=e==null?void 0:e.showAnimation.value)!=null?i:n.showAnimation}),u=t.computed(()=>{var i;return(i=e==null?void 0:e.color.value)!=null?i:n.color}),b=e==null?void 0:e.itemWidth.value,g=e==null?void 0:e.direction.value,p=(i,y)=>{var S;if(m.value)return Promise.resolve(!1);const V=(S=n.beforeChange)!=null?S:e==null?void 0:e.beforeChange;if(V){const k=V(i,y);return typeof k=="boolean"?Promise.resolve(k):k}return Promise.resolve(!0)},r=()=>{const i=!c.value;e==null||e.toggleGroupVal(n.value),a.emit("update:checked",i),a.emit("update:modelValue",i),a.emit("change",i)};return{itemWidth:b,direction:g,mergedColor:u,mergedDisabled:m,mergedIsShowTitle:l,mergedChecked:h,mergedShowAnimation:d,handleClick:()=>{p(!c.value,n.label).then(i=>i&&r())}}},render(){var A;const{itemWidth:n,direction:a,mergedChecked:e,mergedDisabled:c,mergedIsShowTitle:m,mergedShowAnimation:h,halfchecked:l,title:d,label:u,handleClick:b,name:g,value:p,mergedColor:r,$slots:v}=this,i={"devui-checkbox-column-margin":a==="column","devui-checkbox-wrap":typeof n!="undefined"},y=n?[`width: ${n}px`]:[],V={"devui-checkbox":!0,active:e,halfchecked:l,disabled:c,unchecked:!e},S=m?d||u:"",k=r&&l||r?`linear-gradient(${r}, ${r})`:"",R=[`border-color:${(e||l)&&r?r:""}`,`background-image:${k}`,`background-color:${r&&l?r:""}`],W={"devui-checkbox-material":!0,"custom-color":r,"devui-checkbox-no-label":!u&&!v.default,"devui-no-animation":!h,"devui-checkbox-default-background":!l},D={"devui-tick":!0,"devui-no-animation":!h},j=U=>U.stopPropagation(),$={indeterminate:l};return t.createVNode("div",{class:i,style:y},[t.createVNode("div",{class:V},[t.createVNode("label",{title:S,onClick:b},[t.createVNode("input",t.mergeProps({name:g||p,class:"devui-checkbox-input",type:"checkbox"},$,{checked:e,disabled:c,onClick:j,onChange:j}),null),t.createVNode("span",{style:R,class:W},[t.createVNode("span",{class:"devui-checkbox-halfchecked-bg"},null),t.createVNode("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"devui-checkbox-tick"},[t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("polygon",{"fill-rule":"nonzero",points:"5.17391304 6.56521739 7.7173913 9.10869565 11.826087 5 13 6.17391304 7.7173913 11.4565217 4 7.73913043",class:D},null)])])]),u||((A=v.default)==null?void 0:A.call(v))])])])}}),K="",w=t.defineComponent({name:"DCheckboxGroup",props:F,emits:["change","update:modelValue"],setup(n,a){const e=t.toRef(n,"modelValue"),c={checked:!1,isShowTitle:!0,halfchecked:!1,showAnimation:!0,disabled:!1},m=l=>{let d=-1;if(typeof e.value[0]=="string"?d=e.value.findIndex(u=>u===l):typeof e.value[0]=="object"&&(d=e.value.findIndex(u=>u.value===l)),d===-1){if(typeof n.options[0]=="object"){const b=n.options.find(p=>p.value===l),g=[...e.value,b];a.emit("update:modelValue",g),a.emit("change",g);return}const u=[...e.value,l];a.emit("update:modelValue",u),a.emit("change",u);return}e.value.splice(d,1),a.emit("update:modelValue",e.value),a.emit("change",e.value)},h=l=>{if(typeof e.value[0]=="string")return e.value.includes(l);if(typeof e.value[0]=="object")return e.value.some(d=>d.value===l)};return t.provide(P,{disabled:t.toRef(n,"disabled"),isShowTitle:t.toRef(n,"isShowTitle"),color:t.toRef(n,"color"),showAnimation:t.toRef(n,"showAnimation"),beforeChange:n.beforeChange,isItemChecked:h,toggleGroupVal:m,itemWidth:t.toRef(n,"itemWidth"),direction:t.toRef(n,"direction")}),{defaultOpt:c}},render(){var h;const{direction:n,$slots:a,defaultOpt:e,options:c}=this;let m=(h=a.default)==null?void 0:h.call(a);return(c==null?void 0:c.length)>0&&(m=c.map(l=>{let d=null;return typeof l=="string"?d=Object.assign({},e,{label:l,value:l}):typeof l=="object"&&(d=Object.assign({},e,N(C({},l),{label:l.name}))),t.createVNode(f,d,null)})),t.createVNode("div",{class:"devui-checkbox-group"},[t.createVNode("div",{class:{"devui-checkbox-list-inline":n==="row"}},[m])])}});f.install=function(n){n.component(f.name,f)},w.install=function(n){n.component(w.name,w)};var O={title:"Checkbox \u590D\u9009\u6846",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(n){n.use(f),n.use(w)}};o.Checkbox=f,o.default=O,Object.defineProperty(o,"__esModule",{value:!0}),o[Symbol.toStringTag]="Module"});
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { defineComponent, createVNode } from "vue";
|
|
2
|
+
const commentProps = {
|
|
3
|
+
actions: {
|
|
4
|
+
type: Object,
|
|
5
|
+
default: null
|
|
6
|
+
},
|
|
7
|
+
author: {
|
|
8
|
+
type: Object,
|
|
9
|
+
default: null
|
|
10
|
+
},
|
|
11
|
+
avatar: {
|
|
12
|
+
type: Object,
|
|
13
|
+
default: null
|
|
14
|
+
},
|
|
15
|
+
content: {
|
|
16
|
+
type: Object,
|
|
17
|
+
default: null
|
|
18
|
+
},
|
|
19
|
+
datetime: {
|
|
20
|
+
type: Object,
|
|
21
|
+
default: null
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
var comment = "";
|
|
25
|
+
var Comment = defineComponent({
|
|
26
|
+
name: "DComment",
|
|
27
|
+
props: commentProps,
|
|
28
|
+
emits: [],
|
|
29
|
+
slots: ["actions", "author", "avatar", "content", "datetime"],
|
|
30
|
+
setup(props, {
|
|
31
|
+
slots
|
|
32
|
+
}) {
|
|
33
|
+
return () => {
|
|
34
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
|
|
35
|
+
const getAction = (actions2) => {
|
|
36
|
+
if (!actions2 || !actions2.length) {
|
|
37
|
+
return null;
|
|
38
|
+
}
|
|
39
|
+
const actionList = actions2.map((action, index2) => createVNode("li", {
|
|
40
|
+
"key": `devui-comment-action-${index2}`
|
|
41
|
+
}, [action]));
|
|
42
|
+
return actionList;
|
|
43
|
+
};
|
|
44
|
+
const actions = (_b = props.actions) != null ? _b : (_a = slots.actions) == null ? void 0 : _a.call(slots);
|
|
45
|
+
const author = (_d = props.author) != null ? _d : (_c = slots.author) == null ? void 0 : _c.call(slots);
|
|
46
|
+
const avatar = (_f = props.avatar) != null ? _f : (_e = slots.avatar) == null ? void 0 : _e.call(slots);
|
|
47
|
+
const content = (_h = props.content) != null ? _h : (_g = slots.content) == null ? void 0 : _g.call(slots);
|
|
48
|
+
const datetime = (_j = props.datetime) != null ? _j : (_i = slots.datetime) == null ? void 0 : _i.call(slots);
|
|
49
|
+
const avatarDom = createVNode("div", {
|
|
50
|
+
"class": `devui-comment-avatar`
|
|
51
|
+
}, [typeof avatar === "string" ? createVNode("img", {
|
|
52
|
+
"src": avatar,
|
|
53
|
+
"alt": "comment-avatar"
|
|
54
|
+
}, null) : avatar]);
|
|
55
|
+
const actionDom = actions ? createVNode("ul", {
|
|
56
|
+
"class": `devui-comment-actions`
|
|
57
|
+
}, [getAction(Array.isArray(actions) ? actions : [actions])]) : null;
|
|
58
|
+
return createVNode("div", {
|
|
59
|
+
"class": "devui-comment"
|
|
60
|
+
}, [avatarDom, createVNode("div", {
|
|
61
|
+
"class": "devui-comment-right"
|
|
62
|
+
}, [createVNode("div", {
|
|
63
|
+
"class": "devui-comment-head"
|
|
64
|
+
}, [createVNode("div", {
|
|
65
|
+
"class": "devui-comment-author"
|
|
66
|
+
}, [author]), createVNode("div", {
|
|
67
|
+
"class": "devui-comment-datetime"
|
|
68
|
+
}, [datetime])]), createVNode("div", {
|
|
69
|
+
"class": "devui-comment-content"
|
|
70
|
+
}, [content]), actionDom])]);
|
|
71
|
+
};
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
Comment.install = function(app) {
|
|
75
|
+
app.component(Comment.name, Comment);
|
|
76
|
+
};
|
|
77
|
+
var index = {
|
|
78
|
+
title: "Comment \u8BC4\u8BBA",
|
|
79
|
+
category: "\u6570\u636E\u5C55\u793A",
|
|
80
|
+
status: "70%",
|
|
81
|
+
install(app) {
|
|
82
|
+
app.use(Comment);
|
|
83
|
+
}
|
|
84
|
+
};
|
|
85
|
+
export { Comment, index as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(function(n,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis!="undefined"?globalThis:n||self,e(n.index={},n.Vue))})(this,function(n,e){"use strict";const N={actions:{type:Object,default:null},author:{type:Object,default:null},avatar:{type:Object,default:null},content:{type:Object,default:null},datetime:{type:Object,default:null}};var x="",c=e.defineComponent({name:"DComment",props:N,emits:[],slots:["actions","author","avatar","content","datetime"],setup(a,{slots:t}){return()=>{var m,u,r,f,l,v,y,h,V,p;const g=o=>!o||!o.length?null:o.map((D,T)=>e.createVNode("li",{key:`devui-comment-action-${T}`},[D])),i=(u=a.actions)!=null?u:(m=t.actions)==null?void 0:m.call(t),j=(f=a.author)!=null?f:(r=t.author)==null?void 0:r.call(t),d=(v=a.avatar)!=null?v:(l=t.avatar)==null?void 0:l.call(t),C=(h=a.content)!=null?h:(y=t.content)==null?void 0:y.call(t),O=(p=a.datetime)!=null?p:(V=t.datetime)==null?void 0:V.call(t),A=e.createVNode("div",{class:"devui-comment-avatar"},[typeof d=="string"?e.createVNode("img",{src:d,alt:"comment-avatar"},null):d]),B=i?e.createVNode("ul",{class:"devui-comment-actions"},[g(Array.isArray(i)?i:[i])]):null;return e.createVNode("div",{class:"devui-comment"},[A,e.createVNode("div",{class:"devui-comment-right"},[e.createVNode("div",{class:"devui-comment-head"},[e.createVNode("div",{class:"devui-comment-author"},[j]),e.createVNode("div",{class:"devui-comment-datetime"},[O])]),e.createVNode("div",{class:"devui-comment-content"},[C]),B])])}}});c.install=function(a){a.component(c.name,c)};var b={title:"Comment \u8BC4\u8BBA",category:"\u6570\u636E\u5C55\u793A",status:"70%",install(a){a.use(c)}};n.Comment=c,n.default=b,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.devui-comment{display:flex;align-items:flex-start}.devui-comment-avatar{margin:0 16px 0 0}.devui-comment-head{display:flex;align-items:center}.devui-comment-author{padding:0 8px 0 0;font-size:var(--devui-font-size, 12px);color:var(--devui-text-weak, #575d6c)}.devui-comment-datetime{font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #8a8e99)}.devui-comment-content{font-size:var(--devui-text, #252b3a)}.devui-comment-actions{list-style-type:none;margin:12px 0 0}
|
|
@@ -0,0 +1,176 @@
|
|
|
1
|
+
import { defineComponent, ref, onMounted, onUnmounted, createVNode } from "vue";
|
|
2
|
+
const countdownProps = {
|
|
3
|
+
value: {
|
|
4
|
+
type: Number,
|
|
5
|
+
required: true
|
|
6
|
+
},
|
|
7
|
+
format: {
|
|
8
|
+
type: String,
|
|
9
|
+
default: "HH:mm:ss"
|
|
10
|
+
},
|
|
11
|
+
prefix: {
|
|
12
|
+
type: String,
|
|
13
|
+
default: ""
|
|
14
|
+
},
|
|
15
|
+
suffix: {
|
|
16
|
+
type: String,
|
|
17
|
+
default: ""
|
|
18
|
+
},
|
|
19
|
+
valueStyle: {
|
|
20
|
+
type: Object,
|
|
21
|
+
default: () => {
|
|
22
|
+
return {};
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
var countdown = "";
|
|
27
|
+
const getFormatTime = (leftTime) => {
|
|
28
|
+
const timeformat = new Map([["Y", 0], ["M", 0], ["D", 0], ["H", 0], ["m", 0], ["s", 0], ["S", 0]]);
|
|
29
|
+
const year = Math.floor(leftTime / (365 * 24 * 60 * 60 * 1e3));
|
|
30
|
+
const month = Math.floor(leftTime / (30 * 24 * 60 * 60 * 1e3) % 12);
|
|
31
|
+
const day = Math.floor(leftTime / (24 * 60 * 60 * 1e3) % 30);
|
|
32
|
+
const hour = Math.floor(leftTime / (60 * 60 * 1e3) % 24);
|
|
33
|
+
const minute = Math.floor(leftTime / (60 * 1e3) % 60);
|
|
34
|
+
const second = Math.floor(leftTime / 1e3 % 60);
|
|
35
|
+
const millsecond = leftTime % 1e3;
|
|
36
|
+
timeformat.set("Y", year);
|
|
37
|
+
timeformat.set("M", month);
|
|
38
|
+
timeformat.set("D", day);
|
|
39
|
+
timeformat.set("H", hour);
|
|
40
|
+
timeformat.set("m", minute);
|
|
41
|
+
timeformat.set("s", second);
|
|
42
|
+
timeformat.set("S", millsecond);
|
|
43
|
+
return timeformat;
|
|
44
|
+
};
|
|
45
|
+
const getLegalTime = (s, timeformat) => {
|
|
46
|
+
const dateValue = new Map([["Y", 0], ["M", 0], ["D", 0], ["H", 0], ["m", 0], ["s", 0], ["S", 0]]);
|
|
47
|
+
const m = new Map([["Y", 12], ["M", 30], ["D", 24], ["H", 60], ["m", 60], ["s", 1e3], ["S", 1]]);
|
|
48
|
+
let storage = 0;
|
|
49
|
+
for (const k of dateValue.keys()) {
|
|
50
|
+
if (s.has(k)) {
|
|
51
|
+
dateValue.set(k, timeformat.get(k) + storage);
|
|
52
|
+
storage = 0;
|
|
53
|
+
} else {
|
|
54
|
+
storage += timeformat.get(k) * m.get(k);
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
if (!s.has("S") && timeformat.get("S") > 500) {
|
|
58
|
+
dateValue.set("s", dateValue.get("s") + 1);
|
|
59
|
+
}
|
|
60
|
+
return dateValue;
|
|
61
|
+
};
|
|
62
|
+
const getTimeSplit = (format) => {
|
|
63
|
+
const fomatMap = new Set(["Y", "M", "D", "H", "m", "s", "S"]);
|
|
64
|
+
const m = [];
|
|
65
|
+
for (let i = 0; i < format.length; i++) {
|
|
66
|
+
const k = format[i];
|
|
67
|
+
if (m.length === 0 || m[m.length - 1].k !== k || !fomatMap.has(k)) {
|
|
68
|
+
m.push({ k, n: 1 });
|
|
69
|
+
} else {
|
|
70
|
+
m[m.length - 1].n++;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
return m;
|
|
74
|
+
};
|
|
75
|
+
const getDeduplication = (format) => {
|
|
76
|
+
const fomatMap = new Set(["Y", "M", "D", "H", "m", "s", "S"]);
|
|
77
|
+
const s = new Set();
|
|
78
|
+
for (let i = 0; i < format.length; i++) {
|
|
79
|
+
const k = format[i];
|
|
80
|
+
if (fomatMap.has(k)) {
|
|
81
|
+
s.add(k);
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
return s;
|
|
85
|
+
};
|
|
86
|
+
const numFormat = (n, len) => {
|
|
87
|
+
const maxNum = 10 ** len - 1;
|
|
88
|
+
if (n >= maxNum) {
|
|
89
|
+
return n;
|
|
90
|
+
} else {
|
|
91
|
+
const carryLen = len - n.toString().length;
|
|
92
|
+
let str = "";
|
|
93
|
+
for (let i = 0; i < carryLen; i++) {
|
|
94
|
+
str += "0";
|
|
95
|
+
}
|
|
96
|
+
return str + n;
|
|
97
|
+
}
|
|
98
|
+
};
|
|
99
|
+
var Countdown = defineComponent({
|
|
100
|
+
name: "DCountdown",
|
|
101
|
+
props: countdownProps,
|
|
102
|
+
emits: ["onChange", "onFinish"],
|
|
103
|
+
setup(props, ctx) {
|
|
104
|
+
const countdown2 = ref();
|
|
105
|
+
const s = getDeduplication(props.format);
|
|
106
|
+
const timeFormat = getTimeSplit(props.format);
|
|
107
|
+
const timeStr = ref("");
|
|
108
|
+
const getTimeStr = (legalTime) => {
|
|
109
|
+
const fomatMap = new Set(["Y", "M", "D", "H", "m", "s", "S"]);
|
|
110
|
+
const t = timeFormat.reduce((pre, cur) => {
|
|
111
|
+
if (fomatMap.has(cur.k)) {
|
|
112
|
+
return pre + numFormat(legalTime.get(cur.k), cur.n);
|
|
113
|
+
}
|
|
114
|
+
return pre + cur.k;
|
|
115
|
+
}, "");
|
|
116
|
+
timeStr.value = t;
|
|
117
|
+
};
|
|
118
|
+
const getTime = () => {
|
|
119
|
+
const value = new Date(props.value).getTime();
|
|
120
|
+
const leftTime = value > new Date().getTime() ? value - new Date().getTime() : 0;
|
|
121
|
+
const formatTime = getFormatTime(leftTime);
|
|
122
|
+
const legalTime = getLegalTime(s, formatTime);
|
|
123
|
+
!ctx.slots.default && getTimeStr(legalTime);
|
|
124
|
+
ctx.emit("onChange", {
|
|
125
|
+
leftTime,
|
|
126
|
+
formatTime,
|
|
127
|
+
legalTime
|
|
128
|
+
});
|
|
129
|
+
return leftTime;
|
|
130
|
+
};
|
|
131
|
+
const startTime = () => {
|
|
132
|
+
getTime();
|
|
133
|
+
if (countdown2.value)
|
|
134
|
+
return;
|
|
135
|
+
countdown2.value = setInterval(() => {
|
|
136
|
+
const t = getTime();
|
|
137
|
+
if (t === 0) {
|
|
138
|
+
ctx.emit("onFinish");
|
|
139
|
+
clearInterval(countdown2.value);
|
|
140
|
+
}
|
|
141
|
+
}, s.has("S") ? 100 : 1e3);
|
|
142
|
+
};
|
|
143
|
+
onMounted(() => {
|
|
144
|
+
startTime();
|
|
145
|
+
});
|
|
146
|
+
onUnmounted(() => {
|
|
147
|
+
clearInterval(countdown2.value);
|
|
148
|
+
});
|
|
149
|
+
return () => {
|
|
150
|
+
return createVNode("div", {
|
|
151
|
+
"class": "devui-countdown"
|
|
152
|
+
}, [ctx.slots.default ? ctx.slots.default() : createVNode("div", {
|
|
153
|
+
"class": "countdown-content",
|
|
154
|
+
"style": props.valueStyle
|
|
155
|
+
}, [createVNode("span", {
|
|
156
|
+
"class": "countdown-prefix"
|
|
157
|
+
}, [props.prefix]), createVNode("span", {
|
|
158
|
+
"class": "countdown-value"
|
|
159
|
+
}, [timeStr.value]), createVNode("span", {
|
|
160
|
+
"class": "countdown-suffix"
|
|
161
|
+
}, [props.suffix])])]);
|
|
162
|
+
};
|
|
163
|
+
}
|
|
164
|
+
});
|
|
165
|
+
Countdown.install = function(app) {
|
|
166
|
+
app.component(Countdown.name, Countdown);
|
|
167
|
+
};
|
|
168
|
+
var index = {
|
|
169
|
+
title: "Countdown \u5012\u8BA1\u65F6",
|
|
170
|
+
category: "\u6570\u636E\u5C55\u793A",
|
|
171
|
+
status: "100%",
|
|
172
|
+
install(app) {
|
|
173
|
+
app.use(Countdown);
|
|
174
|
+
}
|
|
175
|
+
};
|
|
176
|
+
export { Countdown, index as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(function(r,a){typeof exports=="object"&&typeof module!="undefined"?a(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],a):(r=typeof globalThis!="undefined"?globalThis:r||self,a(r.index={},r.Vue))})(this,function(r,a){"use strict";const w={value:{type:Number,required:!0},format:{type:String,default:"HH:mm:ss"},prefix:{type:String,default:""},suffix:{type:String,default:""},valueStyle:{type:Object,default:()=>({})}};var T="";const M=e=>{const t=new Map([["Y",0],["M",0],["D",0],["H",0],["m",0],["s",0],["S",0]]),n=Math.floor(e/(365*24*60*60*1e3)),s=Math.floor(e/(30*24*60*60*1e3)%12),o=Math.floor(e/(24*60*60*1e3)%30),u=Math.floor(e/(60*60*1e3)%24),h=Math.floor(e/(60*1e3)%60),f=Math.floor(e/1e3%60),S=e%1e3;return t.set("Y",n),t.set("M",s),t.set("D",o),t.set("H",u),t.set("m",h),t.set("s",f),t.set("S",S),t},p=(e,t)=>{const n=new Map([["Y",0],["M",0],["D",0],["H",0],["m",0],["s",0],["S",0]]),s=new Map([["Y",12],["M",30],["D",24],["H",60],["m",60],["s",1e3],["S",1]]);let o=0;for(const u of n.keys())e.has(u)?(n.set(u,t.get(u)+o),o=0):o+=t.get(u)*s.get(u);return!e.has("S")&&t.get("S")>500&&n.set("s",n.get("s")+1),n},y=e=>{const t=new Set(["Y","M","D","H","m","s","S"]),n=[];for(let s=0;s<e.length;s++){const o=e[s];n.length===0||n[n.length-1].k!==o||!t.has(o)?n.push({k:o,n:1}):n[n.length-1].n++}return n},v=e=>{const t=new Set(["Y","M","D","H","m","s","S"]),n=new Set;for(let s=0;s<e.length;s++){const o=e[s];t.has(o)&&n.add(o)}return n},D=(e,t)=>{const n=10**t-1;if(e>=n)return e;{const s=t-e.toString().length;let o="";for(let u=0;u<s;u++)o+="0";return o+e}};var l=a.defineComponent({name:"DCountdown",props:w,emits:["onChange","onFinish"],setup(e,t){const n=a.ref(),s=v(e.format),o=y(e.format),u=a.ref(""),h=c=>{const i=new Set(["Y","M","D","H","m","s","S"]),m=o.reduce((d,g)=>i.has(g.k)?d+D(c.get(g.k),g.n):d+g.k,"");u.value=m},f=()=>{const c=new Date(e.value).getTime(),i=c>new Date().getTime()?c-new Date().getTime():0,m=M(i),d=p(s,m);return!t.slots.default&&h(d),t.emit("onChange",{leftTime:i,formatTime:m,legalTime:d}),i},S=()=>{f(),!n.value&&(n.value=setInterval(()=>{f()===0&&(t.emit("onFinish"),clearInterval(n.value))},s.has("S")?100:1e3))};return a.onMounted(()=>{S()}),a.onUnmounted(()=>{clearInterval(n.value)}),()=>a.createVNode("div",{class:"devui-countdown"},[t.slots.default?t.slots.default():a.createVNode("div",{class:"countdown-content",style:e.valueStyle},[a.createVNode("span",{class:"countdown-prefix"},[e.prefix]),a.createVNode("span",{class:"countdown-value"},[u.value]),a.createVNode("span",{class:"countdown-suffix"},[e.suffix])])])}});l.install=function(e){e.component(l.name,l)};var H={title:"Countdown \u5012\u8BA1\u65F6",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(e){e.use(l)}};r.Countdown=l,r.default=H,Object.defineProperty(r,"__esModule",{value:!0}),r[Symbol.toStringTag]="Module"});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.devui-countdown .countdown-content{font-size:24px;color:var(--devui-text, #252b3a)}.devui-countdown .countdown-content span{display:inline-block}.devui-countdown .countdown-content .countdown-prefix{margin-right:4px}.devui-countdown .countdown-content .countdown-suffix{margin-left:4px}
|