vue-devui 1.0.0-beta.18 → 1.0.0-beta.20220808

package/color-picker/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "color-picker",
-  "version": "0.0.0",
-  "main": "index.umd.js",
-  "module": "index.es.js",
-  "style": "style.css"
-}

package/color-picker/style.css

@@ -1 +0,0 @@
-:host{display:block}.devui-nav-tabs,.devui-nav-pills{font-size:var(--devui-font-size, 12px);background:transparent;font-weight:700;list-style:none}.devui-nav-tabs li,.devui-nav-pills li{cursor:pointer;border:2px solid transparent}.devui-nav-tabs li a,.devui-nav-pills li a{cursor:pointer;border:none;line-height:30px;background-color:transparent;padding:0;text-decoration:none;color:var(--devui-text, #252b3a)}.devui-nav-tabs li a:hover,.devui-nav-tabs li a:focus,.devui-nav-tabs li a:active,.devui-nav-pills li a:hover,.devui-nav-pills li a:focus,.devui-nav-pills li a:active{outline:none}.devui-nav-tabs li.disabled a,.devui-nav-pills li.disabled a{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-nav-tabs li.active a,.devui-nav-tabs li:hover:not(.disabled) a,.devui-nav-pills li.active a,.devui-nav-pills li:hover:not(.disabled) a{color:var(--devui-brand, #5e7ce0)}.devui-nav-tabs li:after,.devui-nav-pills li:after{content:"";display:block;margin:auto;height:2px;width:0;background:transparent;transition:width .3s ease-out,background-color .3s ease-out}.devui-nav-tabs li.active:after,.devui-nav-pills li.active:after{width:100%;background:var(--devui-brand, #5e7ce0)}.devui-nav-options{font-size:var(--devui-font-size, 12px);background:transparent;border:none;border-radius:var(--devui-border-radius, 2px)}.devui-nav-options>li{cursor:pointer;border:1px solid var(--devui-line, #adb0b8);border-left-width:0;background-color:var(--devui-base-bg, #ffffff);float:left}.devui-nav-options>li:first-child{border-left-width:1px;border-radius:var(--devui-border-radius, 2px) 0 0 var(--devui-border-radius, 2px)}.devui-nav-options>li:last-child{border-radius:0 var(--devui-border-radius, 2px) var(--devui-border-radius, 2px) 0}.devui-nav-options>li>a{cursor:pointer;border:none;color:var(--devui-text, #252b3a);line-height:26px;padding:0 15px}.devui-nav-options>li>a:hover,.devui-nav-options>li>a:focus,.devui-nav-options>li>a:active{outline:none}.devui-nav-options>li.disabled{border-color:var(--devui-disabled-line, #dfe1e6)}.devui-nav-options>li.disabled a{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-nav-options>li.active>a,.devui-nav-options>li:hover:not(.disabled)>a{color:var(--devui-light-text, #ffffff)}.devui-nav-options>li.active>a:hover,.devui-nav-options>li:hover:not(.disabled)>a:hover{color:var(--devui-light-text, #ffffff);background:transparent}.devui-nav-options>li.active{background-color:var(--devui-brand, #5e7ce0);border-color:var(--devui-brand, #5e7ce0)}.devui-nav-options>li.active:not(:first-child):before{background-color:var(--devui-brand, #5e7ce0)}.devui-nav-options>li.active+li:before{background-color:var(--devui-brand, #5e7ce0)}.devui-nav-options>li:hover:not(.active):not(.disabled){background-color:var(--devui-brand-active, #526ecc);border-color:var(--devui-brand-active, #526ecc)}.devui-nav-options>li:hover:not(.active):not(.disabled):not(:first-child):before{background-color:var(--devui-brand-active, #526ecc)}.devui-nav-slider{font-size:var(--devui-font-size, 12px);border:none;border-radius:var(--devui-border-radius, 2px);background:var(--devui-list-item-hover-bg, #f2f5fc);width:fit-content;display:flex!important;align-items:center;position:relative}.devui-nav-slider>li{cursor:pointer;margin:2px;float:left;position:relative;z-index:1}.devui-nav-slider>li:first-child{border-left-width:1px;border-radius:var(--devui-border-radius, 2px) 0 0 var(--devui-border-radius, 2px)}.devui-nav-slider>li:last-child{border-radius:0 var(--devui-border-radius, 2px) var(--devui-border-radius, 2px) 0}.devui-nav-slider>li a{cursor:pointer;border:none;color:var(--devui-text, #252b3a);line-height:28px;padding:0 15px}.devui-nav-slider>li a:hover,.devui-nav-slider>li a:focus,.devui-nav-slider>li a:active{outline:none}.devui-nav-slider>li.disabled{border-color:var(--devui-disabled-line, #dfe1e6)}.devui-nav-slider>li.disabled a{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-nav-slider>li.active a,.devui-nav-slider>li:hover:not(.disabled) a{color:var(--devui-brand-active, #526ecc)}.devui-nav-slider>li.active a:hover,.devui-nav-slider>li:hover:not(.disabled) a:hover{color:var(--devui-brand-active, #526ecc);background:transparent}.devui-nav-slider>li.active:not(:first-child):before,.devui-nav-slider>li:hover:not(.disabled):not(:first-child):before{content:"";display:block;top:-1px;left:-1px;width:1px;height:"calc(100% + 2px)";position:absolute}.devui-nav-slider>li.active{text-shadow:0 0 .7px var(--devui-brand, #5e7ce0)}.devui-nav-slider>li.active:not(:first-child):before{background-color:var(--devui-brand, #5e7ce0)}.devui-nav-slider>li.active+li:before{background-color:var(--devui-brand, #5e7ce0)}.devui-nav-slider>li:hover:not(.active):not(.disabled){color:var(--devui-brand-active, #526ecc)}.devui-nav-slider>li:hover:not(.active):not(.disabled):not(:first-child):before{background-color:var(--devui-brand-active, #526ecc)}.devui-nav-wrapped{font-size:var(--devui-font-size, 12px);background:transparent;border-bottom:1px solid var(--devui-dividing-line, #dfe1e6);background-color:var(--devui-base-bg, #ffffff)}.devui-nav-wrapped>li{cursor:pointer;float:left;position:relative;padding:8px 16px}.devui-nav-wrapped>li a{cursor:pointer;border:none;color:var(--devui-text, #252b3a);border-radius:var(--devui-border-radius, 2px) var(--devui-border-radius, 2px) 0 0}.devui-nav-wrapped>li a:hover,.devui-nav-wrapped>li a:focus,.devui-nav-wrapped>li a:active{outline:none}.devui-nav-wrapped>li.disabled{border-color:var(--devui-disabled-line, #dfe1e6)}.devui-nav-wrapped>li.disabled a{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-nav-wrapped>li.active{border:1px solid var(--devui-dividing-line, #dfe1e6);background:var(--devui-global-bg, #f3f6f8);border-radius:var(--devui-border-radius, 2px) var(--devui-border-radius, 2px) 0 0;font-weight:700;margin:-1px;border-bottom-color:transparent}.devui-nav-wrapped>li.active a{color:var(--devui-brand-active, #526ecc)}.devui-nav-wrapped>li:hover:not(.active):not(.disabled) a{color:var(--devui-brand, #5e7ce0)}.devui-nav{list-style:none;padding-left:0}.devui-nav li a{text-decoration:none}.devui-nav li a.custom-width{display:inline-block;padding:0;text-align:center}.devui-nav-tabs:not(.devui-nav-stacked){border-bottom:1px var(--devui-line, #adb0b8) solid}.devui-nav-tabs:not(.devui-nav-stacked) li{float:left;margin-left:32px;margin-bottom:-3px}.devui-nav-tabs:not(.devui-nav-stacked) li:first-child{margin-left:0}.devui-nav-pills:not(.devui-nav-stacked)>li{float:left;margin-left:32px}.devui-nav-pills:not(.devui-nav-stacked)>li:first-child{margin-left:0}.devui-nav:before,.devui-nav:after{content:" ";display:table}.devui-nav:after{clear:both}.devui-tab-content{margin-top:20px}.devui-nav-slider-animation{position:absolute;z-index:0;background-color:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius, 2px);box-shadow:0 2px 4px 0 var(--devui-light-shadow, rgba(0, 0, 0, .1));top:1px;height:30px;transition:left .3s cubic-bezier(.645,.045,.355,1),width .3s cubic-bezier(.645,.045,.355,1)}.devui-color-picker-palette{position:relative;width:100%}.devui-color-picker-palette__white,.devui-color-picker-palette__black{position:absolute;top:0;left:0;right:0;bottom:0}.devui-color-picker-palette__black{background:linear-gradient(0deg,#000000,transparent)}.devui-color-picker-palette__white{background:linear-gradient(90deg,#ffffff,rgba(255,255,255,0))}.devui-color-picker-palette-handler{position:absolute}.devui-color-picker-palette-handler div{width:10px;height:10px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 1px 4px #0000005e;cursor:pointer}.devui-color-picker-hue-slider{position:relative;margin:13px 0;width:100%;height:14px;box-shadow:2px 0 8px #00000014;border-radius:15px}.devui-color-picker-hue-slider.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.devui-color-picker-hue-slider__bar{position:relative;width:100%;height:100%;border-radius:15px;background:-webkit-linear-gradient(left,red 0%,yellow 16.66%,lime 33.33%,aqua 50%,blue 66.66%,fuchsia 83.33%,red 100%);background:-moz-linear-gradient(left,red 0%,yellow 16.66%,lime 33.33%,aqua 50%,blue 66.66%,fuchsia 83.33%,red 100%);background:-ms-linear-gradient(left,red 0%,yellow 16.66%,lime 33.33%,aqua 50%,blue 66.66%,fuchsia 83.33%,red 100%)}.devui-color-picker-hue-slider__bar-pointer{position:absolute;width:14px;height:14px}.devui-color-picker-hue-slider__bar-handle{width:14px;height:14px;border-radius:6px;transform:translate(-7px,-2px);background-color:#f8f8f8;margin-top:2px;box-shadow:0 1px 4px #0000005e;cursor:pointer}.devui-color-picker-hue-slider__bar-handle.vertical{transform:translateY(-7px);margin-top:0}.devui-color-picker-alpha-slider{position:relative;margin-bottom:15px;width:100%;height:14px;box-shadow:2px 0 8px #00000014;border-radius:15px}.devui-color-picker-alpha-slider.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.devui-color-picker-alpha-slider__bar{position:relative;width:100%;height:100%;border-radius:15px}.devui-color-picker-alpha-slider__bar-pointer{position:absolute;width:14px;height:14px}.devui-color-picker-alpha-slider__bar-handle{width:14px;height:14px;border-radius:6px;transform:translate(-7px,-2px);background-color:#f8f8f8;margin-top:2px;box-shadow:0 1px 4px #0000005e;cursor:pointer}.devui-color-picker-alpha-slider__bar-handle.vertical{transform:translateY(-7px);margin-top:0}.devui-color-picker-edit{justify-content:space-between;align-items:center}.devui-color-picker-edit-text{display:inline-block;width:50px;padding:0 10px;user-select:none}.devui-color-picker-edit-name{user-select:none;cursor:pointer;display:flex;align-items:center;justify-content:space-around;width:50px}.devui-color-picker-edit-flex{display:flex;align-items:center}.devui-color-picker-edit-input{flex:1;padding:0 5px}.devui-color-picker-edit-input input{border:none;outline:none;width:100%;text-align:center}.devui-color-picker-edit-input-wrapper{width:100%;border:1px solid rgba(0,0,0,.2);padding:2px}.devui-color-picker-edit-input-wrapper:focus-within{border:1px solid var(--devui-primary)}.devui-color-picker-edit-input.string-input .devui-color-picker-edit-input-wrapper{border-radius:5px}.devui-color-picker-edit-input.number-input .devui-color-picker-edit-input-wrapper{border-radius:0}.devui-color-picker-edit-input.number-input .devui-color-picker-edit-input-wrapper:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.devui-color-picker-edit-input.number-input .devui-color-picker-edit-input-wrapper:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.devui-color-picker-basic{flex-wrap:wrap;align-items:center}.devui-color-picker-basic-div{box-sizing:content-box;margin:4px;width:20px;height:20px;border:solid 1px #e7e7e7;cursor:pointer;border-radius:1px}.devui-color-picker-panel{width:270px;padding:12px;border-radius:4px;box-shadow:0 3px 5px -1px #0000001a,0 5px 8px #0000001a,0 1px 14px #0000001a}.devui-color-picker-history{margin-top:10px}.devui-color-picker-history_color-box{cursor:pointer;margin:5px;height:20px;width:20px;border:solid 1px #e7e7e7}.devui-color-picker-history_color-box.transparent{background:linear-gradient(to bottom right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(50% - 1.5px),#f18887 50%,rgba(0,0,0,0) calc(50% + 1.5px),rgba(0,0,0,0) 100%)}.devui-color-picker{position:relative}.devui-color-picker-position{position:absolute;z-index:9999;background-color:var(--devui-connected-overlay-bg, #ffffff);top:0}.devui-color-picker-color-value{display:flex;position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:700;color:#cc0f0f}.devui-color-picker-container{padding:3px;border:1px solid #e0e0e6;border-radius:3px}.devui-color-picker-container-wrap{width:100%;height:26px;box-sizing:content-box;box-shadow:3px 0 5px #00000014;position:relative;cursor:pointer;overflow:hidden;display:inline-block;vertical-align:middle}.devui-color-picker-container-wrap-current-color{top:0;right:0;left:0;position:absolute;z-index:3;width:100%;height:100%}.devui-color-picker-container-wrap-current-color-transparent{top:0;right:0;left:0;overflow:hidden;padding:3px;width:100%;height:100%;position:absolute;z-index:2}.devui-color-picker-container-wrap-transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.color-picker-transition-enter-from,.color-picker-transition-leave-to{opacity:0}.color-picker-transition-enter-to,.color-picker-transition-leave-from{opacity:1}.color-picker-transition-enter-active,.color-picker-transition-leave-active{transition:opacity .2s ease-in-out}

package/comment/index.es.js

@@ -1,86 +0,0 @@
-import { defineComponent, createVNode } from "vue";
-const commentProps = {
-  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 comment = "";
-var Comment = defineComponent({
-  name: "DComment",
-  props: commentProps,
-  emits: [],
-  slots: ["actions", "author", "avatar", "content", "datetime"],
-  setup(props, {
-    slots
-  }) {
-    return () => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-      const getAction = (actions2) => {
-        if (!actions2 || !actions2.length) {
-          return null;
-        }
-        const actionList = actions2.map((action, index2) => createVNode("li", {
-          "key": `devui-comment-action-${index2}`,
-          "class": `devui-comment-action-${index2}`
-        }, [action]));
-        return actionList;
-      };
-      const actions = (_b = props.actions) != null ? _b : (_a = slots.actions) == null ? void 0 : _a.call(slots);
-      const author = (_d = props.author) != null ? _d : (_c = slots.author) == null ? void 0 : _c.call(slots);
-      const avatar = (_f = props.avatar) != null ? _f : (_e = slots.avatar) == null ? void 0 : _e.call(slots);
-      const content = (_h = props.content) != null ? _h : (_g = slots.content) == null ? void 0 : _g.call(slots);
-      const datetime = (_j = props.datetime) != null ? _j : (_i = slots.datetime) == null ? void 0 : _i.call(slots);
-      const avatarDom = createVNode("div", {
-        "class": `devui-comment-avatar`
-      }, [typeof avatar === "string" ? createVNode("img", {
-        "src": avatar,
-        "alt": "comment-avatar"
-      }, null) : avatar]);
-      const actionDom = actions ? createVNode("ul", {
-        "class": `devui-comment-actions`
-      }, [getAction(Array.isArray(actions) ? actions : [actions])]) : null;
-      return createVNode("div", {
-        "class": "devui-comment"
-      }, [avatarDom, createVNode("div", {
-        "class": "devui-comment-right"
-      }, [createVNode("div", {
-        "class": "devui-comment-head"
-      }, [createVNode("div", {
-        "class": "devui-comment-author"
-      }, [author]), createVNode("div", {
-        "class": "devui-comment-datetime"
-      }, [datetime])]), createVNode("div", {
-        "class": "devui-comment-content"
-      }, [content]), actionDom])]);
-    };
-  }
-});
-Comment.install = function(app) {
-  app.component(Comment.name, Comment);
-};
-var index = {
-  title: "Comment \u8BC4\u8BBA",
-  category: "\u6570\u636E\u5C55\u793A",
-  status: "100%",
-  install(app) {
-    app.use(Comment);
-  }
-};
-export { Comment, index as default };

package/comment/index.umd.js

@@ -1 +0,0 @@
-(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 b={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 T="",c=e.defineComponent({name:"DComment",props:b,emits:[],slots:["actions","author","avatar","content","datetime"],setup(a,{slots:t}){return()=>{var m,u,r,f,l,v,y,h,V,p;const j=o=>!o||!o.length?null:o.map((D,N)=>e.createVNode("li",{key:`devui-comment-action-${N}`,class:`devui-comment-action-${N}`},[D])),i=(u=a.actions)!=null?u:(m=t.actions)==null?void 0:m.call(t),C=(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),O=(h=a.content)!=null?h:(y=t.content)==null?void 0:y.call(t),A=(p=a.datetime)!=null?p:(V=t.datetime)==null?void 0:V.call(t),s=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"},[j(Array.isArray(i)?i:[i])]):null;return e.createVNode("div",{class:"devui-comment"},[s,e.createVNode("div",{class:"devui-comment-right"},[e.createVNode("div",{class:"devui-comment-head"},[e.createVNode("div",{class:"devui-comment-author"},[C]),e.createVNode("div",{class:"devui-comment-datetime"},[A])]),e.createVNode("div",{class:"devui-comment-content"},[O]),B])])}}});c.install=function(a){a.component(c.name,c)};var g={title:"Comment \u8BC4\u8BBA",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(a){a.use(c)}};n.Comment=c,n.default=g,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});

package/comment/style.css

@@ -1 +0,0 @@
-.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{padding:0;list-style-type:none;margin:12px 0 0}