vue-devui 1.0.0-alpha.4 → 1.0.0-beta.10

package/input-number/index.es.js

@@ -1 +1,240 @@
-import{defineComponent as e,ref as t,computed as u,createVNode as a,createTextVNode as n}from"vue";var l=e({name:"DInputNumber",props:{placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},step:{type:Number,default:0},max:{type:Number,default:1/0},min:{type:Number,default:-1/0},size:{type:String,default:""},modelValue:{type:Number,default:0},"onUpdate:modelValue":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}},emits:["update:modelValue","change","input","focus","blur","keydown"],setup(e,a){const n=t(e.modelValue),l=u((()=>`devui-input-number-${e.size}`)),d=u((()=>e.disabled?"devui-input-disabled":""));return{inputVal:n,isDisabled:d,isSize:l,add:()=>{e.disabled||n.value>=e.max||(n.value+=0!=e.step?e.step:1,a.emit("change",n.value),a.emit("update:modelValue",n.value))},subtract:()=>{e.disabled||n.value<=e.min||(n.value-=0!=e.step?e.step:1,a.emit("change",n.value),a.emit("update:modelValue",n.value))},onInput:e=>{n.value=parseInt(e.data),a.emit("input",e.data),a.emit("update:modelValue",e.data)},onChange:e=>{a.emit("change",e.target.value)},onKeydown:e=>{a.emit("keydown",e)},onBlur:e=>{a.emit("blur",e)},onFocus:e=>{a.emit("focus",e)}}},render(){const{placeholder:e,add:t,inputVal:u,isDisabled:l,isSize:d,subtract:i,onInput:o,onChange:s,onKeydown:p,onBlur:r,onFocus:m}=this;return a("div",{class:["devui-input-number",l,d]},[a("div",{class:"devui-input-item"},[a("span",{class:"devui-subtract",onClick:i},[n("-")]),a("input",{type:"number",value:u,class:"devui-input-style",placeholder:e,onInput:o,onChange:s,onFocus:m,onBlur:r,onKeydown:p},null),a("span",{class:"devui-add",onClick:t},[n("+")])])])}});l.install=function(e){e.component(l.name,l)};var d={title:"InputNumber 数字输入框",category:"导航",install(e){e.use(l)}};export{l as InputNumber,d as default};
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { defineComponent, createVNode, ref, computed } from "vue";
+const inputNumberProps = {
+  placeholder: {
+    type: String,
+    default: void 0
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  step: {
+    type: Number,
+    default: 0
+  },
+  max: {
+    type: Number,
+    default: Infinity
+  },
+  min: {
+    type: Number,
+    default: -Infinity
+  },
+  size: {
+    type: String,
+    default: ""
+  },
+  modelValue: {
+    type: Number,
+    default: 0
+  },
+  "onUpdate:modelValue": {
+    type: Function,
+    default: void 0
+  },
+  "onChange": {
+    type: Function,
+    default: void 0
+  },
+  "onKeydown": {
+    type: Function,
+    default: void 0
+  },
+  "onFocus": {
+    type: Function,
+    default: void 0
+  },
+  "onBlur": {
+    type: Function,
+    default: void 0
+  }
+};
+var inputNumber = "";
+var Icon = defineComponent({
+  name: "DIcon",
+  props: {
+    name: {
+      type: String,
+      required: true
+    },
+    size: {
+      type: String,
+      default: "inherit"
+    },
+    color: {
+      type: String,
+      default: "inherit"
+    },
+    classPrefix: {
+      type: String,
+      default: "icon"
+    }
+  },
+  setup(props) {
+    return __spreadValues({}, props);
+  },
+  render() {
+    const {
+      name,
+      size,
+      color,
+      classPrefix
+    } = this;
+    return /^((https?):)?\/\//.test(name) ? createVNode("img", {
+      "src": name,
+      "alt": name.split("/")[name.split("/").length - 1],
+      "style": {
+        width: size,
+        verticalAlign: "text-bottom"
+      }
+    }, null) : createVNode("i", {
+      "class": `${classPrefix} ${classPrefix}-${name}`,
+      "style": {
+        fontSize: size,
+        color
+      }
+    }, null);
+  }
+});
+var InputNumber = defineComponent({
+  name: "DInputNumber",
+  props: inputNumberProps,
+  emits: ["update:modelValue", "change", "input", "focus", "blur", "keydown"],
+  setup(props, ctx) {
+    const inputVal = ref(props.modelValue);
+    const focusVal = ref("");
+    const isSize = computed(() => {
+      return `devui-input-number-${props.size}`;
+    });
+    const isDisabled = computed(() => {
+      return props.disabled;
+    });
+    const add = () => {
+      if (props.disabled)
+        return;
+      if (inputVal.value >= props.max)
+        return;
+      inputVal.value += props.step != 0 ? props.step : 1;
+      focusVal.value = "active";
+      ctx.emit("change", inputVal.value);
+      ctx.emit("update:modelValue", inputVal.value);
+    };
+    const subtract = () => {
+      if (props.disabled)
+        return;
+      if (inputVal.value <= props.min)
+        return;
+      inputVal.value -= props.step != 0 ? props.step : 1;
+      focusVal.value = "active";
+      ctx.emit("change", inputVal.value);
+      ctx.emit("update:modelValue", inputVal.value);
+    };
+    const onInput = (val) => {
+      inputVal.value = parseInt(val.data);
+      ctx.emit("input", val.data);
+      ctx.emit("update:modelValue", val.data);
+    };
+    const onFocus = ($event) => {
+      focusVal.value = "active";
+      ctx.emit("focus", $event);
+    };
+    const onBlur = ($event) => {
+      focusVal.value = "";
+      ctx.emit("blur", $event);
+    };
+    const onChange = ($event) => {
+      ctx.emit("change", $event.target.value);
+    };
+    const onKeydown = ($event) => {
+      ctx.emit("keydown", $event);
+    };
+    return {
+      inputVal,
+      focusVal,
+      isDisabled,
+      isSize,
+      add,
+      subtract,
+      onInput,
+      onChange,
+      onKeydown,
+      onBlur,
+      onFocus
+    };
+  },
+  render() {
+    const {
+      focusVal,
+      placeholder,
+      add,
+      inputVal,
+      isDisabled,
+      isSize,
+      subtract,
+      onInput,
+      onChange,
+      onKeydown,
+      onBlur,
+      onFocus
+    } = this;
+    const dInputNum = ["devui-input-number", isDisabled ? "devui-input-disabled" : "", isSize];
+    return createVNode("div", {
+      "class": dInputNum
+    }, [createVNode("div", {
+      "onBlur": onBlur,
+      "tabindex": "1",
+      "class": ["devui-control-buttons", focusVal.value]
+    }, [createVNode("span", {
+      "onClick": add
+    }, [createVNode(Icon, {
+      "size": "12px",
+      "name": "chevron-up"
+    }, null)]), createVNode("span", {
+      "onClick": subtract
+    }, [createVNode(Icon, {
+      "size": "12px",
+      "name": "chevron-down"
+    }, null)])]), createVNode("div", {
+      "class": "devui-input-item"
+    }, [createVNode("input", {
+      "type": "number",
+      "value": inputVal,
+      "placeholder": placeholder,
+      "disabled": isDisabled,
+      "class": ["devui-input-style devui-input-box", focusVal.value],
+      "onInput": onInput,
+      "onChange": onChange,
+      "onFocus": onFocus,
+      "onBlur": onBlur,
+      "onKeydown": onKeydown
+    }, null)])]);
+  }
+});
+InputNumber.install = function(app) {
+  app.component(InputNumber.name, InputNumber);
+};
+var index = {
+  title: "InputNumber \u6570\u5B57\u8F93\u5165\u6846",
+  category: "\u6570\u636E\u5F55\u5165",
+  status: "50%",
+  install(app) {
+    app.use(InputNumber);
+  }
+};
+export { InputNumber, index as default };

package/input-number/index.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,t){"use strict";const u={placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},step:{type:Number,default:0},max:{type:Number,default:1/0},min:{type:Number,default:-1/0},size:{type:String,default:""},modelValue:{type:Number,default:0},"onUpdate:modelValue":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}};var n=t.defineComponent({name:"DInputNumber",props:u,emits:["update:modelValue","change","input","focus","blur","keydown"],setup(e,u){const n=t.ref(e.modelValue),a=t.computed((()=>`devui-input-number-${e.size}`)),o=t.computed((()=>e.disabled?"devui-input-disabled":""));return{inputVal:n,isDisabled:o,isSize:a,add:()=>{e.disabled||n.value>=e.max||(n.value+=0!=e.step?e.step:1,u.emit("change",n.value),u.emit("update:modelValue",n.value))},subtract:()=>{e.disabled||n.value<=e.min||(n.value-=0!=e.step?e.step:1,u.emit("change",n.value),u.emit("update:modelValue",n.value))},onInput:e=>{n.value=parseInt(e.data),u.emit("input",e.data),u.emit("update:modelValue",e.data)},onChange:e=>{u.emit("change",e.target.value)},onKeydown:e=>{u.emit("keydown",e)},onBlur:e=>{u.emit("blur",e)},onFocus:e=>{u.emit("focus",e)}}},render(){const{placeholder:e,add:u,inputVal:n,isDisabled:a,isSize:o,subtract:d,onInput:i,onChange:l,onKeydown:s,onBlur:p,onFocus:r}=this,c=["devui-input-number",a,o];return t.createVNode("div",{class:c},[t.createVNode("div",{class:"devui-input-item"},[t.createVNode("span",{class:"devui-subtract",onClick:d},[t.createTextVNode("-")]),t.createVNode("input",{type:"number",value:n,class:"devui-input-style",placeholder:e,onInput:i,onChange:l,onFocus:r,onBlur:p,onKeydown:s},null),t.createVNode("span",{class:"devui-add",onClick:u},[t.createTextVNode("+")])])])}});n.install=function(e){e.component(n.name,n)};var a={title:"InputNumber 数字输入框",category:"导航",install(e){e.use(n)}};e.InputNumber=n,e.default=a,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
+var F=Object.defineProperty;var V=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var g=(n,e,a)=>e in n?F(n,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):n[e]=a,N=(n,e)=>{for(var a in e||(e={}))S.call(e,a)&&g(n,a,e[a]);if(V)for(var a of V(e))w.call(e,a)&&g(n,a,e[a]);return n};(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 a={placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},step:{type:Number,default:0},max:{type:Number,default:1/0},min:{type:Number,default:-1/0},size:{type:String,default:""},modelValue:{type:Number,default:0},"onUpdate:modelValue":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}};var z="",p=e.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(t){return N({},t)},render(){const{name:t,size:u,color:i,classPrefix:l}=this;return/^((https?):)?\/\//.test(t)?e.createVNode("img",{src:t,alt:t.split("/")[t.split("/").length-1],style:{width:u,verticalAlign:"text-bottom"}},null):e.createVNode("i",{class:`${l} ${l}-${t}`,style:{fontSize:u,color:i}},null)}}),d=e.defineComponent({name:"DInputNumber",props:a,emits:["update:modelValue","change","input","focus","blur","keydown"],setup(t,u){const i=e.ref(t.modelValue),l=e.ref(""),r=e.computed(()=>`devui-input-number-${t.size}`),s=e.computed(()=>t.disabled);return{inputVal:i,focusVal:l,isDisabled:s,isSize:r,add:()=>{t.disabled||i.value>=t.max||(i.value+=t.step!=0?t.step:1,l.value="active",u.emit("change",i.value),u.emit("update:modelValue",i.value))},subtract:()=>{t.disabled||i.value<=t.min||(i.value-=t.step!=0?t.step:1,l.value="active",u.emit("change",i.value),u.emit("update:modelValue",i.value))},onInput:o=>{i.value=parseInt(o.data),u.emit("input",o.data),u.emit("update:modelValue",o.data)},onChange:o=>{u.emit("change",o.target.value)},onKeydown:o=>{u.emit("keydown",o)},onBlur:o=>{l.value="",u.emit("blur",o)},onFocus:o=>{l.value="active",u.emit("focus",o)}}},render(){const{focusVal:t,placeholder:u,add:i,inputVal:l,isDisabled:r,isSize:s,subtract:m,onInput:f,onChange:y,onKeydown:b,onBlur:c,onFocus:v}=this,h=["devui-input-number",r?"devui-input-disabled":"",s];return e.createVNode("div",{class:h},[e.createVNode("div",{onBlur:c,tabindex:"1",class:["devui-control-buttons",t.value]},[e.createVNode("span",{onClick:i},[e.createVNode(p,{size:"12px",name:"chevron-up"},null)]),e.createVNode("span",{onClick:m},[e.createVNode(p,{size:"12px",name:"chevron-down"},null)])]),e.createVNode("div",{class:"devui-input-item"},[e.createVNode("input",{type:"number",value:l,placeholder:u,disabled:r,class:["devui-input-style devui-input-box",t.value],onInput:f,onChange:y,onFocus:v,onBlur:c,onKeydown:b},null)])])}});d.install=function(t){t.component(d.name,d)};var I={title:"InputNumber \u6570\u5B57\u8F93\u5165\u6846",category:"\u6570\u636E\u5F55\u5165",status:"50%",install(t){t.use(d)}};n.InputNumber=d,n.default=I,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});

package/input-number/style.css

@@ -1 +1 @@
-.devui-input-number{position:relative;display:block;width:180px;line-height:38px}.devui-input-number.devui-input-disabled .devui-subtract,.devui-input-number.devui-input-disabled .devui-add,.devui-input-number.devui-input-disabled .devui-input-style{cursor:not-allowed;border-color:#e4e7ed;color:#e4e7ed}.devui-input-number.devui-input-disabled .devui-input-style{background-color:#f5f7fa;color:#c0c4cc}.devui-input-number.devui-input-number-sm .devui-subtract,.devui-input-number.devui-input-number-sm .devui-add{width:40px;height:34px;line-height:34px}.devui-input-number.devui-input-number-sm .devui-input-style{width:70px;height:34px;line-height:34px}.devui-input-number.devui-input-number-lg .devui-subtract,.devui-input-number.devui-input-number-lg .devui-add{width:60px}.devui-input-number.devui-input-number-lg .devui-input-style{width:90px}.devui-input-number .devui-input-item{display:flex;display:-webkit-box;width:200px;line-height:38px}.devui-input-number .devui-input-style::-webkit-outer-spin-button,.devui-input-number .devui-input-style::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.devui-input-number .devui-add,.devui-input-number .devui-subtract{display:inline-block;width:50px;height:38px;line-height:38px;text-align:center;font-size:16px;color:#333;background:#f5f7fa;cursor:pointer;border:1px solid #dcdfe6}.devui-input-number .devui-add{float:right;margin-left:-1px;border-radius:0 4px 4px 0}.devui-input-number .devui-subtract{float:left;margin-right:-1px;border-radius:4px 0 0 4px}.devui-input-number .devui-input-style{display:block;-moz-appearance:textfield}.devui-input-number .devui-input-style{flex-grow:1;outline:none;background-color:#fff;border:1px solid #dcdfe6;border-radius:2px;padding:5px 10px;line-height:38px;font-size:12px;color:#252b3a;width:80px;display:block;cursor:text;height:38px;text-align:center;transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-input-number .disabled{cursor:not-allowed}
+.devui-input-number{position:relative;display:inline-block;width:80px;line-height:38px;margin-right:12px}.devui-input-number:hover:not(.devui-input-disabled) .devui-input-box{border-color:var(--devui-form-control-line-hover)}.devui-input-number:hover:not(.devui-input-disabled) .devui-control-buttons:not(.disabled){display:flex;border-color:var(--devui-form-control-line-hover)}.devui-input-number:focus-within .devui-control-buttons{display:flex}.devui-input-number .active{border:1px solid var(--devui-form-control-line-active)!important;display:flex!important}.devui-input-number.devui-input-disabled .devui-subtract,.devui-input-number.devui-input-disabled .devui-add,.devui-input-number.devui-input-disabled .devui-input-style{cursor:not-allowed;border-color:#e4e7ed;color:#e4e7ed}.devui-input-number.devui-input-disabled .devui-input-style{border-color:var(--devui-disabled-line)!important;color:var(--devui-disabled-text)!important;background-color:var(--devui-disabled-bg)!important}.devui-input-number.devui-input-number-sm .devui-subtract,.devui-input-number.devui-input-number-sm .devui-add{width:40px;height:34px;line-height:34px}.devui-input-number.devui-input-number-sm .devui-input-style{height:34px;line-height:34px}.devui-input-number.devui-input-number-lg .devui-subtract,.devui-input-number.devui-input-number-lg .devui-add{width:60px}.devui-input-number .devui-input-item{line-height:100%}.devui-input-number .devui-input-style::-webkit-outer-spin-button,.devui-input-number .devui-input-style::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.devui-input-number .devui-add,.devui-input-number .devui-subtract{display:inline-block;width:50px;height:38px;line-height:38px;text-align:center;font-size:16px;color:#333;background:#f5f7fa;cursor:pointer;border:1px solid #dcdfe6}.devui-input-number .devui-add{float:right;margin-left:-1px;border-radius:0 4px 4px 0}.devui-input-number .devui-subtract{float:left;margin-right:-1px;border-radius:4px 0 0 4px}.devui-input-number .devui-input-style{display:block;-moz-appearance:textfield}.devui-input-number .devui-input-style{outline:none;background-color:var(--devui-base-bg);border:1px solid var(--devui-form-control-line);border-radius:var(--devui-border-radius);padding:4px 8px;line-height:18px;font-size:var(--devui-font-size);color:var(--devui-text);width:100%;display:block;cursor:text;height:28px;transition:border-color .3s var(--devui-animation-ease-in-out-smooth)}.devui-input-number .devui-input-box{box-sizing:border-box;padding:4px 8px;font-size:var(--devui-font-size);vertical-align:middle;border-radius:var(--devui-border-radius);outline:none;width:100%;line-height:20px;height:28px;border-width:1px;border-style:solid}.devui-input-number .devui-input-box:not(.disabled){background-color:var(--devui-base-bg);border-color:var(--devui-line);color:var(--devui-text)}.devui-input-number .disabled{cursor:not-allowed}.devui-input-number .devui-control-buttons{display:none;position:absolute;right:0;width:22px;height:100%;flex-direction:column;justify-content:center;align-items:center;border-left:1px solid var(--devui-line);box-sizing:border-box;line-height:100%;border-radius:0 var(--devui-border-radius) var(--devui-border-radius) 0}.devui-input-number .devui-control-buttons:not(.disabled){cursor:pointer}.devui-input-number .devui-control-buttons>span{display:flex}

package/layout/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/layout/index.es.js

@@ -0,0 +1,100 @@
+import { defineComponent, createVNode } from "vue";
+var layout = "";
+var Layout = defineComponent({
+  name: "DLayout",
+  emits: [],
+  setup(props, {
+    slots
+  }) {
+    return () => {
+      var _a;
+      const slotDefault = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      const isAside = slotDefault.some((item) => item.type.name === "DAside");
+      const classNames = `${isAside ? "devui-layout-aside " : ""}devui-layout`;
+      return createVNode("div", {
+        "class": classNames
+      }, [slotDefault]);
+    };
+  }
+});
+var content = "";
+var Content = defineComponent({
+  name: "DContent",
+  setup(props, {
+    slots
+  }) {
+    return () => {
+      var _a;
+      return createVNode("div", {
+        "class": "devui-content"
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});
+var header = "";
+var Header = defineComponent({
+  name: "DHeader",
+  setup(props, {
+    slots
+  }) {
+    return () => {
+      var _a;
+      return createVNode("div", {
+        "class": "devui-header"
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});
+var footer = "";
+var Footer = defineComponent({
+  name: "DFooter",
+  setup(props, {
+    slots
+  }) {
+    return () => {
+      var _a;
+      return createVNode("div", {
+        "class": "devui-footer"
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});
+var Aside = defineComponent({
+  name: "DAside",
+  setup(props, {
+    slots
+  }) {
+    return () => {
+      var _a;
+      return createVNode("div", null, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});
+Layout.install = function(app) {
+  app.component(Layout.name, Layout);
+};
+Content.install = function(app) {
+  app.component(Content.name, Content);
+};
+Header.install = function(app) {
+  app.component(Header.name, Header);
+};
+Footer.install = function(app) {
+  app.component(Footer.name, Footer);
+};
+Aside.install = function(app) {
+  app.component(Aside.name, Aside);
+};
+var index = {
+  title: "Layout \u5E03\u5C40",
+  category: "\u5E03\u5C40",
+  status: "100%",
+  install(app) {
+    app.use(Layout);
+    app.use(Content);
+    app.use(Header);
+    app.use(Footer);
+    app.use(Aside);
+  }
+};
+export { Aside, Content, Footer, Header, Layout, index as default };

package/layout/index.umd.js

@@ -0,0 +1 @@
+(function(i,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(i=typeof globalThis!="undefined"?globalThis:i||self,t(i.index={},i.Vue))})(this,function(i,t){"use strict";var v="",d=t.defineComponent({name:"DLayout",emits:[],setup(e,{slots:n}){return()=>{var c;const a=(c=n.default)==null?void 0:c.call(n),p=`${a.some(l=>l.type.name==="DAside")?"devui-layout-aside ":""}devui-layout`;return t.createVNode("div",{class:p},[a])}}}),y="",u=t.defineComponent({name:"DContent",setup(e,{slots:n}){return()=>{var a;return t.createVNode("div",{class:"devui-content"},[(a=n.default)==null?void 0:a.call(n)])}}}),s="",o=t.defineComponent({name:"DHeader",setup(e,{slots:n}){return()=>{var a;return t.createVNode("div",{class:"devui-header"},[(a=n.default)==null?void 0:a.call(n)])}}}),C="",r=t.defineComponent({name:"DFooter",setup(e,{slots:n}){return()=>{var a;return t.createVNode("div",{class:"devui-footer"},[(a=n.default)==null?void 0:a.call(n)])}}}),f=t.defineComponent({name:"DAside",setup(e,{slots:n}){return()=>{var a;return t.createVNode("div",null,[(a=n.default)==null?void 0:a.call(n)])}}});d.install=function(e){e.component(d.name,d)},u.install=function(e){e.component(u.name,u)},o.install=function(e){e.component(o.name,o)},r.install=function(e){e.component(r.name,r)},f.install=function(e){e.component(f.name,f)};var m={title:"Layout \u5E03\u5C40",category:"\u5E03\u5C40",status:"100%",install(e){e.use(d),e.use(u),e.use(o),e.use(r),e.use(f)}};i.Aside=f,i.Content=u,i.Footer=r,i.Header=o,i.Layout=d,i.default=m,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});

package/layout/package.json

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

package/layout/style.css

@@ -0,0 +1 @@
+.devui-layout{display:flex;flex-direction:column;flex:auto}.devui-layout-aside{flex-direction:row}.devui-content{flex:auto;min-height:0}.devui-header{min-height:40px;flex:auto}.devui-footer{text-align:center;line-height:1.5}

package/loading/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/loading/index.es.js

@@ -1 +1,256 @@
-var e=Object.defineProperty,t=Object.defineProperties,o=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,a=(t,o,n)=>o in t?e(t,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[o]=n,s=(e,t)=>{for(var o in t||(t={}))r.call(t,o)&&a(e,o,t[o]);if(n)for(var o of n(t))i.call(t,o)&&a(e,o,t[o]);return e},l=("undefined"!=typeof require&&require,(e,t,o)=>(a(e,"symbol"!=typeof t?t+"":t,o),o));import{defineComponent as d,ref as c,createVNode as u,h as p,render as v}from"vue";class f{constructor(){l(this,"top","50%"),l(this,"left","50%")}}const g={message:String,backdrop:Boolean,view:{type:Object,default:()=>new f},zIndex:Number,isFull:{type:Boolean,default:!1}};class y{constructor(){l(this,"target"),l(this,"message"),l(this,"loadingTemplateRef"),l(this,"backdrop",!0),l(this,"positionType","relative"),l(this,"view",new f),l(this,"zIndex")}}var m=d({name:"DLoading",inheritAttrs:!1,props:g,setup(e){const t={top:e.view.top,left:e.view.left,zIndex:e.zIndex};e.message||(t.background="none");const o=c(!1);return{style:t,isShow:o,open:()=>{o.value=!0},close:()=>{o.value=!1}}},render(){var e;const{isShow:t,isFull:o,backdrop:n,style:r,message:i,$slots:a}=this;return t&&u("div",{class:["devui-loading-contanier",o?"devui-loading--full":""]},[(null==(e=a.default)?void 0:e.call(a))||u("div",{class:"devui-loading-wrapper"},[n?u("div",{class:"devui-loading-mask"},null):null,u("div",{style:r,class:"devui-loading-area"},[u("div",{class:"devui-busy-default-spinner"},[u("div",{class:"devui-loading-bar1"},null),u("div",{class:"devui-loading-bar2"},null),u("div",{class:"devui-loading-bar3"},null),u("div",{class:"devui-loading-bar4"},null)]),i?u("span",{class:"devui-loading-text"},[i]):null])])])}});const b=Symbol("dev_component_container");function h(e,t,o=null){const n=p(e,s({},t),o),r=document.createElement("div");return n[b]=r,v(n,r),n.component}const w=d(m),x=new WeakSet,O=e=>{if(!e)return!0;if(Array.isArray(e))return 0===e.length;if(e instanceof Set||e instanceof Map)return 0===e.size;if(e instanceof Promise)return!1;if("object"==typeof e)try{return 0===Object.keys(e).length}catch(t){return!1}return!1},k=e=>Object.prototype.toString.call(e).slice(8,-1).toLowerCase(),j=e=>{var t;x.delete(e),e.instance.proxy.close(),t=e.instance,v(null,null==t?void 0:t.vnode[b])},P=(e,t)=>{if(t.value){const o=(e=>{switch(k(e)){case"promise":return[e];case"array":return e.some((e=>"promise"!==k(e)))?(console.error(new TypeError("Binding values should all be of type Promise")),"error"):e;default:return!1}})(t.value);if("error"===o)return;e.instance.proxy.open(),e.appendChild(e.mask),x.add(e),o&&Promise.all(o).catch((e=>{console.error(new Error("Promise handling errors"),e)})).finally((()=>{j(e)}))}else j(e)},S=e=>{e.removeAttribute("zindex"),e.removeAttribute("positiontype"),e.removeAttribute("backdrop"),e.removeAttribute("message"),e.removeAttribute("view"),e.removeAttribute("loadingtemplateref")},A=(e,t)=>{const o=s(s({},new y),t),n=o.loadingTemplateRef,r=h(w,s({},o),n?()=>n:null);e.style.position=o.positionType,e.options=o,e.instance=r,e.mask=r.proxy.$el},T={mounted:function(e,t,o){A(e,o.props),S(e),!O(t.value)&&P(e,t)},updated:function(e,t,o){!O(t.value)&&x.has(e)||O(t.value)&&!x.has(e)||(!x.has(e)&&A(e,o.props),S(e),P(e,t))}},I=d(m),z=new WeakMap,L={open(e={}){const n=e.target||document.body;if(z.has(n))return z.get(n);n.style.position=e.positionType;const r=document.body===n;e=s(s({},new y),e);const i=h(I,(a=s({},e),t(a,o({isFull:r}))),e.loadingTemplateRef?()=>e.loadingTemplateRef:null);var a;z.set(n,i),i.proxy.open(),n.appendChild(i.proxy.$el);const l=i.proxy.close;return i.loadingInstance=i.proxy,i.loadingInstance.close=(...e)=>{z.delete(n),l(...e)},i}};var E={title:"Loading 加载提示",category:"反馈",status:"已完成",install(e){e.directive("dLoading",T),e.config.globalProperties.$loadingService=L}};export{T as Loading,L as LoadingService,E as default};
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { defineComponent, ref, createVNode, h, render } from "vue";
+class View {
+  constructor() {
+    __publicField(this, "top", "50%");
+    __publicField(this, "left", "50%");
+  }
+}
+const componentProps = {
+  message: String,
+  backdrop: Boolean,
+  view: {
+    type: Object,
+    default: () => new View()
+  },
+  zIndex: Number,
+  isFull: {
+    type: Boolean,
+    default: false
+  }
+};
+class LoadingProps {
+  constructor() {
+    __publicField(this, "target");
+    __publicField(this, "message");
+    __publicField(this, "loadingTemplateRef");
+    __publicField(this, "backdrop", true);
+    __publicField(this, "positionType", "relative");
+    __publicField(this, "view", new View());
+    __publicField(this, "zIndex");
+  }
+}
+var loading$1 = "";
+var Loading = defineComponent({
+  name: "DLoading",
+  inheritAttrs: false,
+  props: componentProps,
+  setup(props) {
+    const style = {
+      top: props.view.top,
+      left: props.view.left,
+      zIndex: props.zIndex
+    };
+    if (!props.message) {
+      style.background = "none";
+    }
+    const isShow = ref(false);
+    const open = () => {
+      isShow.value = true;
+    };
+    const close = () => {
+      isShow.value = false;
+    };
+    return {
+      style,
+      isShow,
+      open,
+      close
+    };
+  },
+  render() {
+    var _a;
+    const {
+      isShow,
+      isFull,
+      backdrop,
+      style,
+      message,
+      $slots
+    } = this;
+    return isShow && createVNode("div", {
+      "class": ["devui-loading-contanier", isFull ? "devui-loading--full" : ""]
+    }, [((_a = $slots.default) == null ? void 0 : _a.call($slots)) || createVNode("div", {
+      "class": "devui-loading-wrapper"
+    }, [backdrop ? createVNode("div", {
+      "class": "devui-loading-mask"
+    }, null) : null, createVNode("div", {
+      "style": style,
+      "class": "devui-loading-area"
+    }, [createVNode("div", {
+      "class": "devui-busy-default-spinner"
+    }, [createVNode("div", {
+      "class": "devui-loading-bar1"
+    }, null), createVNode("div", {
+      "class": "devui-loading-bar2"
+    }, null), createVNode("div", {
+      "class": "devui-loading-bar3"
+    }, null), createVNode("div", {
+      "class": "devui-loading-bar4"
+    }, null)]), message ? createVNode("span", {
+      "class": "devui-loading-text"
+    }, [message]) : null])])]);
+  }
+});
+const COMPONENT_CONTAINER_SYMBOL = Symbol("dev_component_container");
+function createComponent(Component, props, children = null) {
+  const vnode = h(Component, __spreadValues({}, props), children);
+  const container = document.createElement("div");
+  vnode[COMPONENT_CONTAINER_SYMBOL] = container;
+  render(vnode, container);
+  return vnode.component;
+}
+function unmountComponent(ComponnetInstance) {
+  render(null, ComponnetInstance == null ? void 0 : ComponnetInstance.vnode[COMPONENT_CONTAINER_SYMBOL]);
+}
+const loadingConstructor$1 = defineComponent(Loading);
+const cacheInstance = new WeakSet();
+const isEmpty = (val) => {
+  if (!val)
+    return true;
+  if (Array.isArray(val))
+    return val.length === 0;
+  if (val instanceof Set || val instanceof Map)
+    return val.size === 0;
+  if (val instanceof Promise)
+    return false;
+  if (typeof val === "object") {
+    try {
+      return Object.keys(val).length === 0;
+    } catch (e) {
+      return false;
+    }
+  }
+  return false;
+};
+const getType = (vari) => {
+  return Object.prototype.toString.call(vari).slice(8, -1).toLowerCase();
+};
+const isPromise = (value) => {
+  const type = getType(value);
+  switch (type) {
+    case "promise":
+      return [value];
+    case "array":
+      if (value.some((val) => getType(val) !== "promise")) {
+        console.error(new TypeError("Binding values should all be of type Promise"));
+        return "error";
+      }
+      return value;
+    default:
+      return false;
+  }
+};
+const unmount = (el) => {
+  cacheInstance.delete(el);
+  el.instance.proxy.close();
+  unmountComponent(el.instance);
+};
+const toggleLoading = (el, binding) => {
+  if (binding.value) {
+    const vals = isPromise(binding.value);
+    if (vals === "error")
+      return;
+    el.instance.proxy.open();
+    el.appendChild(el.mask);
+    cacheInstance.add(el);
+    if (vals) {
+      Promise.all(vals).catch((err) => {
+        console.error(new Error("Promise handling errors"), err);
+      }).finally(() => {
+        unmount(el);
+      });
+    }
+  } else {
+    unmount(el);
+  }
+};
+const removeAttribute = (el) => {
+  el.removeAttribute("zindex");
+  el.removeAttribute("positiontype");
+  el.removeAttribute("backdrop");
+  el.removeAttribute("message");
+  el.removeAttribute("view");
+  el.removeAttribute("loadingtemplateref");
+};
+const handleProps = (el, vprops) => {
+  const props = __spreadValues(__spreadValues({}, new LoadingProps()), vprops);
+  const loadingTemplateRef = props.loadingTemplateRef;
+  const loadingInstance = createComponent(loadingConstructor$1, __spreadValues({}, props), loadingTemplateRef ? () => loadingTemplateRef : null);
+  el.style.position = props.positionType;
+  el.options = props;
+  el.instance = loadingInstance;
+  el.mask = loadingInstance.proxy.$el;
+};
+const loadingDirective = {
+  mounted: function(el, binding, vnode) {
+    handleProps(el, vnode.props);
+    removeAttribute(el);
+    !isEmpty(binding.value) && toggleLoading(el, binding);
+  },
+  updated: function(el, binding, vnode) {
+    if (!isEmpty(binding.value) && cacheInstance.has(el) || isEmpty(binding.value) && !cacheInstance.has(el))
+      return;
+    !cacheInstance.has(el) && handleProps(el, vnode.props);
+    removeAttribute(el);
+    toggleLoading(el, binding);
+  }
+};
+const loadingConstructor = defineComponent(Loading);
+const cacheTarget = new WeakMap();
+const loading = {
+  open(options = {}) {
+    const parent = options.target || document.body;
+    if (cacheTarget.has(parent)) {
+      return cacheTarget.get(parent);
+    }
+    parent.style.position = options.positionType;
+    const isFull = document.body === parent;
+    options = __spreadValues(__spreadValues({}, new LoadingProps()), options);
+    const instance = createComponent(loadingConstructor, __spreadProps(__spreadValues({}, options), {
+      isFull
+    }), options.loadingTemplateRef ? () => options.loadingTemplateRef : null);
+    cacheTarget.set(parent, instance);
+    instance.proxy.open();
+    parent.appendChild(instance.proxy.$el);
+    const close = instance.proxy.close;
+    instance.loadingInstance = instance.proxy;
+    instance.loadingInstance.close = (...args) => {
+      cacheTarget.delete(parent);
+      close(...args);
+    };
+    return instance;
+  }
+};
+var index = {
+  title: "Loading \u52A0\u8F7D\u63D0\u793A",
+  category: "\u53CD\u9988",
+  status: "100%",
+  install(app) {
+    app.directive("dLoading", loadingDirective);
+    app.config.globalProperties.$loadingService = loading;
+  }
+};
+export { loadingDirective as Loading, loading as LoadingService, index as default };