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

package/switch/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/switch/index.es.js

@@ -1 +1,100 @@
-import{defineComponent as e,createVNode as t}from"vue";var n=e({name:"DSwitch",props:{size:{type:String,default:""},color:{type:String,default:void 0},checked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},beforeChange:{type:Function,default:void 0},change:{type:Function,default:void 0},"onUpdate:checked":{type:Function,default:void 0}},emits:["change","update:checked"],setup:(e,t)=>({toggle:()=>{(()=>{if(e.disabled)return Promise.resolve(!1);if(e.beforeChange){const t=e.beforeChange(!e.checked);return"boolean"==typeof t?Promise.resolve(t):t}return Promise.resolve(!0)})().then((n=>{n&&(t.emit("update:checked",!e.checked),t.emit("change",!e.checked))}))}}),render(){var e,n,o,c;const{size:i,checked:l,disabled:d,color:a,toggle:s}=this;return t("span",{class:{"devui-switch":!0,[`devui-switch-${i}`]:""!==i,"devui-checked":l,"devui-disabled":d},style:[`background: ${l&&!d?a:""}`,`border-color: ${l&&!d?a:""}`],onClick:s},[t("span",{class:"devui-switch-inner-wrapper"},[t("div",{class:"devui-switch-inner"},[l?null==(n=(e=this.$slots).checkedContent)?void 0:n.call(e):null==(c=(o=this.$slots).uncheckedContent)?void 0:c.call(o)])]),t("small",null,null)])}});n.install=function(e){e.component(n.name,n)};var o={title:"Switch 开关",category:"数据录入",install(e){e.use(n)}};export{n as Switch,o as default};
+import { defineComponent, renderSlot, useSlots, createVNode } from "vue";
+var _switch = "";
+const switchProps = {
+  size: {
+    type: String,
+    default: "middle"
+  },
+  color: {
+    type: String,
+    default: void 0
+  },
+  checked: {
+    type: Boolean,
+    default: false
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  beforeChange: {
+    type: Function,
+    default: void 0
+  },
+  change: {
+    type: Function,
+    default: void 0
+  },
+  "onUpdate:checked": {
+    type: Function,
+    default: void 0
+  }
+};
+var Switch = defineComponent({
+  name: "DSwitch",
+  props: switchProps,
+  emits: ["change", "update:checked"],
+  setup(props, ctx) {
+    const canChange = () => {
+      if (props.disabled) {
+        return Promise.resolve(false);
+      }
+      if (props.beforeChange) {
+        const res = props.beforeChange(!props.checked);
+        return typeof res === "boolean" ? Promise.resolve(res) : res;
+      }
+      return Promise.resolve(true);
+    };
+    const toggle = () => {
+      canChange().then((res) => {
+        if (!res) {
+          return;
+        }
+        ctx.emit("update:checked", !props.checked);
+        ctx.emit("change", !props.checked);
+      });
+    };
+    return {
+      toggle
+    };
+  },
+  render() {
+    const {
+      size,
+      checked,
+      disabled,
+      color,
+      toggle
+    } = this;
+    const outerCls = {
+      "devui-switch": true,
+      [`devui-switch-${size}`]: size !== "",
+      "devui-checked": checked,
+      "devui-disabled": disabled
+    };
+    const outerStyle = [`background: ${checked && !disabled ? color : ""}`, `border-color: ${checked && !disabled ? color : ""}`];
+    const checkedContent = renderSlot(useSlots(), "checkedContent");
+    const uncheckedContent = renderSlot(useSlots(), "uncheckedContent");
+    return createVNode("span", {
+      "class": outerCls,
+      "style": outerStyle,
+      "onClick": toggle
+    }, [createVNode("span", {
+      "class": "devui-switch-inner-wrapper"
+    }, [createVNode("div", {
+      "class": "devui-switch-inner"
+    }, [checked ? checkedContent : uncheckedContent])]), createVNode("small", null, null)]);
+  }
+});
+Switch.install = function(app) {
+  app.component(Switch.name, Switch);
+};
+var index = {
+  title: "Switch \u5F00\u5173",
+  category: "\u6570\u636E\u5F55\u5165",
+  status: "100%",
+  install(app) {
+    app.use(Switch);
+  }
+};
+export { Switch, index as default };

package/switch/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 o={size:{type:String,default:""},color:{type:String,default:void 0},checked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},beforeChange:{type:Function,default:void 0},change:{type:Function,default:void 0},"onUpdate:checked":{type:Function,default:void 0}};var n=t.defineComponent({name:"DSwitch",props:o,emits:["change","update:checked"],setup:(e,t)=>({toggle:()=>{(()=>{if(e.disabled)return Promise.resolve(!1);if(e.beforeChange){const t=e.beforeChange(!e.checked);return"boolean"==typeof t?Promise.resolve(t):t}return Promise.resolve(!0)})().then((o=>{o&&(t.emit("update:checked",!e.checked),t.emit("change",!e.checked))}))}}),render(){var e,o,n,i;const{size:d,checked:c,disabled:l,color:s,toggle:a}=this,r={"devui-switch":!0,[`devui-switch-${d}`]:""!==d,"devui-checked":c,"devui-disabled":l},u=[`background: ${c&&!l?s:""}`,`border-color: ${c&&!l?s:""}`];return t.createVNode("span",{class:r,style:u,onClick:a},[t.createVNode("span",{class:"devui-switch-inner-wrapper"},[t.createVNode("div",{class:"devui-switch-inner"},[c?null==(o=(e=this.$slots).checkedContent)?void 0:o.call(e):null==(i=(n=this.$slots).uncheckedContent)?void 0:i.call(n)])]),t.createVNode("small",null,null)])}});n.install=function(e){e.component(n.name,n)};var i={title:"Switch 开关",category:"数据录入",install(e){e.use(n)}};e.Switch=n,e.default=i,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
+(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";var g="";const u={size:{type:String,default:"middle"},color:{type:String,default:void 0},checked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},beforeChange:{type:Function,default:void 0},change:{type:Function,default:void 0},"onUpdate:checked":{type:Function,default:void 0}};var o=e.defineComponent({name:"DSwitch",props:u,emits:["change","update:checked"],setup(t,d){const i=()=>{if(t.disabled)return Promise.resolve(!1);if(t.beforeChange){const c=t.beforeChange(!t.checked);return typeof c=="boolean"?Promise.resolve(c):c}return Promise.resolve(!0)};return{toggle:()=>{i().then(c=>{!c||(d.emit("update:checked",!t.checked),d.emit("change",!t.checked))})}}},render(){const{size:t,checked:d,disabled:i,color:s,toggle:c}=this,r={"devui-switch":!0,[`devui-switch-${t}`]:t!=="","devui-checked":d,"devui-disabled":i},a=[`background: ${d&&!i?s:""}`,`border-color: ${d&&!i?s:""}`],f=e.renderSlot(e.useSlots(),"checkedContent"),h=e.renderSlot(e.useSlots(),"uncheckedContent");return e.createVNode("span",{class:r,style:a,onClick:c},[e.createVNode("span",{class:"devui-switch-inner-wrapper"},[e.createVNode("div",{class:"devui-switch-inner"},[d?f:h])]),e.createVNode("small",null,null)])}});o.install=function(t){t.component(o.name,o)};var l={title:"Switch \u5F00\u5173",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(t){t.use(o)}};n.Switch=o,n.default=l,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});

package/switch/style.css

@@ -1 +1 @@
-:host{display:inline-block;font-size:0;vertical-align:middle}.devui-switch{width:36px;height:18px;border-radius:10px;background:var(--devui-line, #adb0b8);border:1px solid var(--devui-line, #adb0b8);position:relative;display:inline-block;box-sizing:content-box;overflow:visible;padding:0;margin:0 5px 0 0;cursor:pointer;transition:var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1)) all}.devui-switch:not(.devui-checked):hover{border-color:var(--devui-line, #adb0b8)}.devui-switch:active{border-color:var(--devui-brand-active-focus, #344899)}.devui-switch.devui-checked:hover{border-color:var(--devui-brand-active, #526ecc)}.devui-switch .devui-switch-inner-wrapper{display:inline-block;width:100%;height:100%;padding-left:16px;font-size:var(--devui-font-size, 12px);color:var(--devui-global-bg, #f3f6f8)}.devui-switch .devui-switch-inner-wrapper .devui-switch-inner{width:100%;height:100%;text-align:center}.devui-switch.devui-checked .devui-switch-inner-wrapper{padding-left:unset;padding-right:16px}.devui-switch small{width:16px;height:16px;background:var(--devui-light-text, #ffffff);border-radius:100%;position:absolute;top:1px;left:1px;transition:var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1)) all}.devui-switch.devui-checked small{left:19px}.devui-switch.devui-switch-lg{width:58px;height:30px;border-radius:16px}.devui-switch.devui-switch-lg .devui-switch-inner-wrapper{padding-left:28px;font-size:var(--devui-font-size-modal-title, 18px)}.devui-switch.devui-switch-lg.devui-checked .devui-switch-inner-wrapper{padding-left:unset;padding-right:28px}.devui-switch.devui-switch-lg small{width:28px;height:28px;top:1px;left:1px}.devui-switch.devui-switch-lg.devui-checked small{background:var(--devui-light-text, #ffffff);left:29px}.devui-switch.devui-switch-sm{width:30px;height:14px;border-radius:8px}.devui-switch.devui-switch-sm .devui-switch-inner-wrapper{padding-left:12px;font-size:var(--devui-font-size, 12px)}.devui-switch.devui-switch-sm.devui-checked .devui-switch-inner-wrapper{padding-left:unset;padding-right:12px}.devui-switch.devui-switch-sm small{width:12px;height:12px;position:absolute}.devui-switch.devui-switch-sm.devui-checked small{left:17px}.devui-switch.devui-checked{background:var(--devui-brand, #5e7ce0);border-color:var(--devui-brand, #5e7ce0)}.devui-switch.devui-checked:hover{background:var(--devui-brand-active, #526ecc);border-color:var(--devui-brand-active, #526ecc)}.devui-switch.devui-checked:active{background:var(--devui-brand-active-focus, #344899);border-color:var(--devui-brand-active-focus, #344899)}.devui-switch.devui-disabled,.devui-switch.devui-disabled:hover,.devui-switch.devui-disabled:active,.devui-switch.devui-disabled.devui-checked{cursor:not-allowed}.devui-switch.devui-disabled,.devui-switch.devui-disabled:hover,.devui-switch.devui-disabled:active{background-color:var(--devui-disabled-line, #dfe1e6);border-color:var(--devui-disabled-line, #dfe1e6)}.devui-switch.devui-disabled small,.devui-switch.devui-disabled:hover small,.devui-switch.devui-disabled:active small{background-color:var(--devui-unavailable, #f5f5f6)}.devui-switch.devui-disabled.devui-checked{background-color:var(--devui-icon-fill-active-disabled, #beccfa);border-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-switch.devui-disabled.devui-checked small{background-color:var(--devui-light-text, #ffffff)}
+:host{display:inline-block;font-size:0;vertical-align:middle}.devui-switch{width:36px;height:18px;border-radius:10px;background:var(--devui-line, #adb0b8);border:1px solid var(--devui-line, #adb0b8);position:relative;display:inline-block;box-sizing:content-box;overflow:visible;padding:0;margin:0 5px 0 0;cursor:pointer;transition:var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1)) all}.devui-switch:not(.devui-checked):hover{border-color:var(--devui-line, #adb0b8)}.devui-switch:active{border-color:var(--devui-brand-active-focus, #344899)}.devui-switch.devui-checked:hover{border-color:var(--devui-brand-active, #526ecc)}.devui-switch .devui-switch-inner-wrapper{display:inline-block;width:100%;height:100%;padding-left:16px;font-size:var(--devui-font-size, 12px);color:var(--devui-global-bg, #f3f6f8)}.devui-switch .devui-switch-inner-wrapper .devui-switch-inner{color:#fff;font-weight:700;display:flex;width:100%;height:100%;align-items:center;justify-content:center;float:right}.devui-switch.devui-checked .devui-switch-inner-wrapper{padding-left:unset;padding-right:16px}.devui-switch small{width:16px;height:16px;background:var(--devui-light-text, #ffffff);border-radius:100%;position:absolute;top:1px;left:1px;transition:var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1)) all}.devui-switch.devui-checked small{left:19px}.devui-switch.devui-switch-large{width:58px;height:30px;border-radius:16px}.devui-switch.devui-switch-large .devui-switch-inner-wrapper{padding-left:28px;font-size:var(--devui-font-size-modal-title, 18px)}.devui-switch.devui-switch-large.devui-checked .devui-switch-inner-wrapper{padding-left:unset;padding-right:28px}.devui-switch.devui-switch-large small{width:28px;height:28px;top:1px;left:1px}.devui-switch.devui-switch-large.devui-checked small{background:var(--devui-light-text, #ffffff);left:29px}.devui-switch.devui-switch-small{width:30px;height:14px;border-radius:8px}.devui-switch.devui-switch-small .devui-switch-inner-wrapper{padding-left:12px;font-size:var(--devui-font-size, 12px)}.devui-switch.devui-switch-small.devui-checked .devui-switch-inner-wrapper{padding-left:unset;padding-right:12px}.devui-switch.devui-switch-small small{width:12px;height:12px;position:absolute}.devui-switch.devui-switch-small.devui-checked small{left:17px}.devui-switch.devui-checked{background:var(--devui-brand, #5e7ce0);border-color:var(--devui-brand, #5e7ce0)}.devui-switch.devui-checked:hover{background:var(--devui-brand-active, #526ecc);border-color:var(--devui-brand-active, #526ecc)}.devui-switch.devui-checked:active{background:var(--devui-brand-active-focus, #344899);border-color:var(--devui-brand-active-focus, #344899)}.devui-switch.devui-disabled,.devui-switch.devui-disabled:hover,.devui-switch.devui-disabled:active,.devui-switch.devui-disabled.devui-checked{cursor:not-allowed}.devui-switch.devui-disabled,.devui-switch.devui-disabled:hover,.devui-switch.devui-disabled:active{background-color:var(--devui-disabled-line, #dfe1e6);border-color:var(--devui-disabled-line, #dfe1e6)}.devui-switch.devui-disabled small,.devui-switch.devui-disabled:hover small,.devui-switch.devui-disabled:active small{background-color:var(--devui-unavailable, #f5f5f6)}.devui-switch.devui-disabled.devui-checked{background-color:var(--devui-icon-fill-active-disabled, #beccfa);border-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-switch.devui-disabled.devui-checked small{background-color:var(--devui-light-text, #ffffff)}

package/table/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;