@farris/ui-vue 1.0.0-beta.6 → 1.0.0

package/switch/index.esm.js

@@ -1,5 +1,116 @@
-import { defineComponent as y, toRefs as C, ref as k, computed as a, createVNode as l } from "vue";
-const b = {
+import { defineComponent as S, toRefs as C, ref as j, computed as l, createVNode as c } from "vue";
+const B = {};
+function d(n) {
+  const { properties: t } = n;
+  return Object.keys(t).reduce((s, e) => (s[e] = t[e].type === "object" && t[e].properties ? d(t[e]) : t[e].default, s), {});
+}
+function V(n, t) {
+  const i = d(t);
+  return Object.keys(n).reduce((s, e) => (s[e] = n[e], s), i), i;
+}
+function x(n, t) {
+  return Object.keys(n).filter((s) => n[s] != null).reduce((s, e) => {
+    if (t.has(e)) {
+      const o = t.get(e);
+      if (typeof o == "string")
+        s[o] = n[e];
+      else {
+        const r = o(e, n[e]);
+        Object.assign(s, r);
+      }
+    } else
+      s[e] = n[e];
+    return s;
+  }, {});
+}
+function $(n, t, i = /* @__PURE__ */ new Map()) {
+  const s = V(n, t);
+  return x(s, i);
+}
+function T(n, t, i = /* @__PURE__ */ new Map()) {
+  return B[t.title] = t, (s) => {
+    const e = $(s, t, i), o = Object.keys(n).reduce((r, a) => (r[a] = n[a].default, r), {});
+    return Object.assign(o, e);
+  };
+}
+function q(n, t) {
+  return { customClass: t.class };
+}
+const M = /* @__PURE__ */ new Map([
+  ["appearance", q]
+]), R = "https://json-schema.org/draft/2020-12/schema", O = "https://farris-design.gitee.io/check-box.schema.json", z = "CheckBox", A = "A Farris Input Component", F = "object", P = {
+  id: {
+    description: "The unique identifier for a check box",
+    type: "string"
+  },
+  type: {
+    description: "The type string of check box component",
+    type: "string"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  disable: {
+    type: "string",
+    default: !1
+  },
+  editable: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  placeHolder: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  require: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  tabindex: {
+    description: "",
+    type: "number",
+    default: -1
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  }
+}, D = [
+  "id",
+  "type"
+], H = {
+  $schema: R,
+  $id: O,
+  title: z,
+  description: A,
+  type: F,
+  properties: P,
+  required: D
+}, p = {
   /**
    * 组件值
    */
@@ -12,70 +123,75 @@ const b = {
   onLabel: { type: String },
   offLabel: { type: String },
   size: { type: String, default: "medium" }
-}, r = /* @__PURE__ */ y({
+}, I = T(p, H, M);
+const u = /* @__PURE__ */ S({
   name: "FSwitch",
-  props: b,
+  props: p,
   emits: ["update:modelValue"],
-  setup(o, u) {
+  setup(n, t) {
     const {
-      disable: c,
+      disable: i,
       size: s,
       onLabel: e,
-      offLabel: t
-    } = C(o), n = k(o.modelValue);
-    function i() {
+      offLabel: o
+    } = C(n), r = j(n.modelValue);
+    function a() {
       return "";
     }
-    function d() {
+    function f() {
       return "";
     }
-    function m() {
+    function h() {
       return "";
     }
-    const p = a(() => ({
+    const m = l(() => ({
       switch: !0,
       "f-cmp-switch": !0,
-      checked: n.value,
-      disabled: c.value,
+      checked: r.value,
+      disabled: i.value,
       "switch-large": s.value === "large",
       "switch-medium": s.value === "medium",
       "switch-small": s.value === "small"
-    })), h = a(() => ({
+    })), g = l(() => ({
       outline: "none",
-      "backgroud-color": i(),
-      "border-color": d()
-    })), g = a(() => ({
-      background: m()
-    })), v = a(() => (e == null ? void 0 : e.value) || (t == null ? void 0 : t.value));
-    function f(S, B = !0) {
-      c.value || (n.value = !n.value, u.emit("update:modelValue", n.value));
+      "backgroud-color": a(),
+      "border-color": f()
+    })), y = l(() => ({
+      background: h()
+    })), b = l(() => (e == null ? void 0 : e.value) || (o == null ? void 0 : o.value));
+    function w(k, N = !0) {
+      i.value || (r.value = !r.value, t.emit("update:modelValue", r.value));
     }
-    function w(S) {
-      f();
+    function v(k) {
+      w();
     }
-    return () => l("span", {
+    return () => c("span", {
       tabindex: "0",
       role: "button",
-      class: p.value,
-      style: h.value,
-      onClick: w
-    }, [v.value && l("span", {
+      class: m.value,
+      style: g.value,
+      onClick: v
+    }, [b.value && c("span", {
       class: "switch-pane"
-    }, [l("span", {
+    }, [c("span", {
       class: "switch-label-checked"
-    }, [e == null ? void 0 : e.value]), l("span", {
+    }, [e == null ? void 0 : e.value]), c("span", {
       class: "switch-label-unchecked"
-    }, [t == null ? void 0 : t.value])]), l("small", {
-      style: g.value
-    }, [u.slots.default && u.slots.default()])]);
+    }, [o == null ? void 0 : o.value])]), c("small", {
+      style: y.value
+    }, [t.slots.default && t.slots.default()])]);
   }
-}), z = {
-  install(o) {
-    o.component(r.name, r);
+}), E = {
+  install(n) {
+    n.component(u.name, u);
+  },
+  register(n, t) {
+    n.switch = u, t.switch = I;
   }
 };
 export {
-  r as Switch,
-  z as default,
-  b as switchProps
+  u as Switch,
+  E as default,
+  I as propsResolver,
+  p as switchProps
 };

package/switch/index.umd.js

@@ -1 +1 @@
-(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.switch={},t.Vue))})(this,function(t,e){"use strict";const c={modelValue:{type:Boolean,default:!1},disable:{type:Boolean},onBackground:{type:String},offBackground:{type:String},onColor:{type:String},offColor:{type:String},onLabel:{type:String},offLabel:{type:String},size:{type:String,default:"medium"}},i=e.defineComponent({name:"FSwitch",props:c,emits:["update:modelValue"],setup(l,s){const{disable:r,size:u,onLabel:o,offLabel:n}=e.toRefs(l),a=e.ref(l.modelValue);function p(){return""}function m(){return""}function f(){return""}const h=e.computed(()=>({switch:!0,"f-cmp-switch":!0,checked:a.value,disabled:r.value,"switch-large":u.value==="large","switch-medium":u.value==="medium","switch-small":u.value==="small"})),g=e.computed(()=>({outline:"none","backgroud-color":p(),"border-color":m()})),w=e.computed(()=>({background:f()})),S=e.computed(()=>(o==null?void 0:o.value)||(n==null?void 0:n.value));function y(C,k=!0){r.value||(a.value=!a.value,s.emit("update:modelValue",a.value))}function v(C){y()}return()=>e.createVNode("span",{tabindex:"0",role:"button",class:h.value,style:g.value,onClick:v},[S.value&&e.createVNode("span",{class:"switch-pane"},[e.createVNode("span",{class:"switch-label-checked"},[o==null?void 0:o.value]),e.createVNode("span",{class:"switch-label-unchecked"},[n==null?void 0:n.value])]),e.createVNode("small",{style:w.value},[s.slots.default&&s.slots.default()])])}}),d={install(l){l.component(i.name,i)}};t.Switch=i,t.default=d,t.switchProps=c,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(r,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(r=typeof globalThis<"u"?globalThis:r||self,o(r.switch={},r.Vue))})(this,function(r,o){"use strict";const h={};function p(n){const{properties:t}=n;return Object.keys(t).reduce((s,e)=>(s[e]=t[e].type==="object"&&t[e].properties?p(t[e]):t[e].default,s),{})}function m(n,t){const c=p(t);return Object.keys(n).reduce((s,e)=>(s[e]=n[e],s),c),c}function g(n,t){return Object.keys(n).filter(s=>n[s]!=null).reduce((s,e)=>{if(t.has(e)){const i=t.get(e);if(typeof i=="string")s[i]=n[e];else{const a=i(e,n[e]);Object.assign(s,a)}}else s[e]=n[e];return s},{})}function y(n,t,c=new Map){const s=m(n,t);return g(s,c)}function b(n,t,c=new Map){return h[t.title]=t,s=>{const e=y(s,t,c),i=Object.keys(n).reduce((a,u)=>(a[u]=n[u].default,a),{});return Object.assign(i,e)}}function w(n,t){return{customClass:t.class}}const k=new Map([["appearance",w]]),S={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/check-box.schema.json",title:"CheckBox",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a check box",type:"string"},type:{description:"The type string of check box component",type:"string"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeHolder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},d={modelValue:{type:Boolean,default:!1},disable:{type:Boolean},onBackground:{type:String},offBackground:{type:String},onColor:{type:String},offColor:{type:String},onLabel:{type:String},offLabel:{type:String},size:{type:String,default:"medium"}},f=b(d,S,k),F="",l=o.defineComponent({name:"FSwitch",props:d,emits:["update:modelValue"],setup(n,t){const{disable:c,size:s,onLabel:e,offLabel:i}=o.toRefs(n),a=o.ref(n.modelValue);function u(){return""}function C(){return""}function V(){return""}const j=o.computed(()=>({switch:!0,"f-cmp-switch":!0,checked:a.value,disabled:c.value,"switch-large":s.value==="large","switch-medium":s.value==="medium","switch-small":s.value==="small"})),B=o.computed(()=>({outline:"none","backgroud-color":u(),"border-color":C()})),T=o.computed(()=>({background:V()})),$=o.computed(()=>(e==null?void 0:e.value)||(i==null?void 0:i.value));function q(N,D=!0){c.value||(a.value=!a.value,t.emit("update:modelValue",a.value))}function M(N){q()}return()=>o.createVNode("span",{tabindex:"0",role:"button",class:j.value,style:B.value,onClick:M},[$.value&&o.createVNode("span",{class:"switch-pane"},[o.createVNode("span",{class:"switch-label-checked"},[e==null?void 0:e.value]),o.createVNode("span",{class:"switch-label-unchecked"},[i==null?void 0:i.value])]),o.createVNode("small",{style:T.value},[t.slots.default&&t.slots.default()])])}}),v={install(n){n.component(l.name,l)},register(n,t){n.switch=l,t.switch=f}};r.Switch=l,r.default=v,r.propsResolver=f,r.switchProps=d,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/switch/package.json

@@ -1,8 +1,8 @@
 {
     "name": "switch",
-    "version": "1.0.0-beta.7",
+    "version": "1.0.2",
     "main": "index.umd.js",
-    "module": "index.es.js",
+    "module": "index.esm.js",
     "style": "style.css",
     "types": "../types/switch/index.d.ts"
 }

package/switch/style.css

@@ -0,0 +1 @@
+.switch.switch-small{margin:.125rem}.switch.switch-small small{width:.875rem;height:.875rem;left:0;top:-1px!important;box-shadow:0 2px 8px #00204a26}