@farris/ui-vue 1.1.0 → 1.1.1

package/dropdown/index.esm.js

@@ -1,645 +0,0 @@
-import { ref as v, onMounted as z, defineComponent as O, createVNode as d, withDirectives as k, vShow as E, Fragment as F, inject as G } from "vue";
-import { cloneDeep as Q } from "lodash-es";
-const q = {}, H = {};
-function T(e) {
-  const { properties: t, title: n } = e, r = Object.keys(t).reduce((l, s) => (l[s] = t[s].type === "object" && t[s].properties ? T(t[s]) : Q(t[s].default), l), {});
-  return r.id = `${n}-${Date.now()}`, r;
-}
-function P(e, t = {}) {
-  const n = q[e];
-  if (n) {
-    let r = T(n);
-    const l = H[e];
-    return r = l ? l({ getSchemaByType: P }, r, t) : r, r;
-  }
-  return null;
-}
-function U(e, t) {
-  const n = T(t);
-  return Object.keys(e).reduce((r, l) => (r[l] = e[l], r), n), n;
-}
-function Y(e, t) {
-  return Object.keys(e).filter((r) => e[r] != null).reduce((r, l) => {
-    if (t.has(l)) {
-      const s = t.get(l);
-      if (typeof s == "string")
-        r[s] = e[l];
-      else {
-        const p = s(l, e[l], e);
-        Object.assign(r, p);
-      }
-    } else
-      r[l] = e[l];
-    return r;
-  }, {});
-}
-function Z(e, t, n = /* @__PURE__ */ new Map()) {
-  const r = U(e, t);
-  return Y(r, n);
-}
-function K(e = {}) {
-  function t(i, o, a, c) {
-    if (typeof a == "number")
-      return c[i].length === a;
-    if (typeof a == "object") {
-      const f = Object.keys(a)[0], m = a[f];
-      if (f === "not")
-        return Number(c[i].length) !== Number(m);
-      if (f === "moreThan")
-        return Number(c[i].length) >= Number(m);
-      if (f === "lessThan")
-        return Number(c[i].length) <= Number(m);
-    }
-    return !1;
-  }
-  function n(i, o, a, c) {
-    return c[o] && c[o].propertyValue && String(c[o].propertyValue.value) === String(a);
-  }
-  const r = /* @__PURE__ */ new Map([
-    ["length", t],
-    ["getProperty", n]
-  ]);
-  Object.keys(e).reduce((i, o) => (i.set(o, e[o]), i), r);
-  function l(i, o) {
-    const a = i;
-    return typeof o == "number" ? [{ target: a, operator: "length", param: null, value: Number(o) }] : typeof o == "boolean" ? [{ target: a, operator: "getProperty", param: i, value: !!o }] : typeof o == "object" ? Object.keys(o).map((c) => {
-      if (c === "length")
-        return { target: a, operator: "length", param: null, value: o[c] };
-      const f = c, m = o[c];
-      return { target: a, operator: i, param: f, value: m };
-    }) : [];
-  }
-  function s(i) {
-    return Object.keys(i).reduce((a, c) => {
-      const f = l(c, i[c]);
-      return a.push(...f), a;
-    }, []);
-  }
-  function p(i, o) {
-    if (r.has(i.operator)) {
-      const a = r.get(i.operator);
-      return a && a(i.target, i.param, i.value, o) || !1;
-    }
-    return !1;
-  }
-  function h(i, o) {
-    return s(i).reduce((f, m) => f && p(m, o), !0);
-  }
-  function w(i, o) {
-    const a = Object.keys(i), c = a.includes("allOf"), f = a.includes("anyOf"), m = c || f, S = (m ? i[m ? c ? "allOf" : "anyOf" : "allOf"] : [i]).map((B) => h(B, o));
-    return c ? !S.includes(!1) : S.includes(!0);
-  }
-  return { parseValueSchema: w };
-}
-const R = {}, I = {};
-K();
-function x(e, t, n = /* @__PURE__ */ new Map(), r = (p, h, w) => h, l = {}, s = (p) => p) {
-  return q[t.title] = t, H[t.title] = r, R[t.title] = l, I[t.title] = s, (p = {}) => {
-    const h = Z(p, t, n), w = Object.keys(e).reduce((i, o) => (i[o] = e[o].default, i), {});
-    return Object.assign(w, h);
-  };
-}
-function ee(e, t) {
-  return { customClass: t.class };
-}
-function te(e, t, n) {
-  return t;
-}
-const ne = /* @__PURE__ */ new Map([
-  ["appearance", ee]
-]), oe = "https://json-schema.org/draft/2020-12/schema", re = "https://farris-design.gitee.io/dropdown.schema.json", ae = "dropdown", le = "A Farris Component", ie = "object", ce = {
-  id: {
-    description: "The unique identifier for dropdown",
-    type: "string"
-  },
-  type: {
-    description: "The type string of dropdown",
-    type: "string",
-    default: "dropdown"
-  },
-  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
-  }
-}, se = [
-  "id",
-  "type"
-], ue = {
-  $schema: oe,
-  $id: re,
-  title: ae,
-  description: le,
-  type: ie,
-  properties: ce,
-  required: se
-}, de = "dropdown", pe = "A Farris Component", fe = "object", me = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  },
-  behavior: {
-    description: "Basic Infomation",
-    title: "行为",
-    properties: {
-      readonly: {
-        description: "",
-        title: "只读",
-        type: "string"
-      },
-      required: {
-        description: "",
-        title: "必填",
-        type: "boolean"
-      },
-      visible: {
-        description: "",
-        title: "可见",
-        type: "boolean"
-      },
-      placeHolder: {
-        description: "",
-        title: "提示文本",
-        type: "string"
-      },
-      tabindex: {
-        description: "",
-        title: "tab索引",
-        type: "number"
-      }
-    }
-  }
-}, ye = {
-  title: de,
-  description: pe,
-  type: fe,
-  categories: me
-}, j = {
-  /** 默认展开或折叠 */
-  show: { type: Boolean, default: !1 },
-  /** 下拉按钮是否禁用 */
-  disabled: { type: Boolean, default: !1 },
-  /** 下拉按钮对应文字 */
-  title: { type: String, default: "下拉示例" },
-  /** 下拉按钮大小 */
-  size: { type: String, default: "" },
-  /** 下拉按钮类型 */
-  type: { type: String, default: "primary" },
-  /** 图标样式 */
-  iconClass: { type: String, default: "" },
-  /** 下拉框内容是否被选中 */
-  active: { type: Boolean, default: !1 },
-  /** 下拉按钮是否分开展示 */
-  splitButton: { type: Boolean, default: !1 },
-  /** 下拉框展示方向 */
-  position: { type: String, default: "bottom" },
-  /** 下拉框内容 */
-  model: {
-    type: Array,
-    default: [
-      { label: "项目一", value: "XM1" },
-      { label: "项目二", value: "XM2" },
-      { label: "项目三", value: "XM3" }
-    ]
-  },
-  onSelect: { type: Function, default: () => {
-  } }
-}, V = x(j, ue, ne, te, ye);
-function W(e, t) {
-  let n;
-  const r = v(e.show);
-  z(() => {
-    n = document.querySelector(".dropdown-menu");
-  });
-  const l = () => {
-    e.hover || (r.value = !1, document.removeEventListener("click", l), n.removeEventListener("click", l), document.removeEventListener("scroll", l), n.removeEventListener("scroll", l));
-  };
-  return {
-    show: r,
-    showDropMenu: (o) => {
-      e.hover || e.disabled || (o == null || o.stopPropagation(), r.value = !r.value, document.addEventListener("click", l), document.addEventListener("scroll", l), e.hideOnClick || (n.addEventListener("click", (a) => {
-        a.stopPropagation();
-      }), n.addEventListener("scroll", (a) => {
-        a.stopPropagation();
-      })));
-    },
-    hoverDropdown: () => {
-      e.hover && (r.value = !r.value);
-    },
-    leftButtonClick: () => {
-    },
-    closeDropMenu: l,
-    selectItem: (o) => {
-      t.emit("select", o);
-    },
-    resolveSize: (o) => {
-      const a = /px|em|rem|pt|%/;
-      return a.test(o) ? `${parseInt(o, 10)}${o.match(a)[0]}` : `${o}px`;
-    }
-  };
-}
-const be = {
-  /** 下拉框标签 */
-  label: { type: String, default: "XM1" },
-  /** 下拉框名称 */
-  value: { type: String || Number, default: "项目一" },
-  /** 是否禁用该下拉框属性 */
-  disabled: { type: Boolean, default: !1 },
-  active: { type: Boolean, default: !1 },
-  divide: { type: Boolean, default: !1 },
-  onSelect: { type: Function, default: () => {
-  } }
-}, X = /* @__PURE__ */ O({
-  name: "FDropdownItem",
-  props: be,
-  emits: ["select"],
-  setup(e, t) {
-    const n = v(e.value), r = v(e.label), l = v(e.disabled), s = v(e.active), p = v(e.divide), h = () => {
-      l.value || t.emit("select", e);
-    };
-    return () => d("div", null, [k(d("div", {
-      class: "dropdown-divider"
-    }, null), [[E, p.value]]), d("li", {
-      class: `dropdown-item${s.value ? " active" : ""} ${l.value ? " disabled" : ""}`,
-      onClick: h,
-      title: n.value.toString()
-    }, [r.value])]);
-  }
-}), N = /* @__PURE__ */ O({
-  name: "FDropdown",
-  props: j,
-  emits: ["select"],
-  setup(e, t) {
-    const n = v(e.model), {
-      show: r,
-      showDropMenu: l,
-      hoverDropdown: s,
-      leftButtonClick: p,
-      closeDropMenu: h,
-      selectItem: w,
-      resolveSize: i
-    } = W(e, t);
-    function o(a) {
-      console.log(a), t.emit("select", a);
-    }
-    return () => d("div", null, [d("div", {
-      class: ["farris-dropdown", "btn-group", {
-        dropup: e.position === "top"
-      }, {
-        dropdown: e.position === "bottom"
-      }, {
-        dropleft: e.position === "left"
-      }, {
-        dropright: e.position === "right"
-      }]
-    }, [e.splitButton && d("span", {
-      class: ["btn", {
-        "dropdown-item": e.nest
-      }, {
-        "btn-lg": e.size === "large"
-      }, {
-        "btn-sm": e.size === "small"
-      }, {
-        "btn-primary": e.type === "primary"
-      }, {
-        "btn-success": e.type === "success"
-      }, {
-        "btn-warning": e.type === "warning"
-      }, {
-        "btn-danger": e.type === "danger"
-      }, {
-        "btn-info": e.type === "info"
-      }],
-      style: "width:100%",
-      onClick: p
-    }, [e.title]), d("span", {
-      class: ["dropdown-toggle", {
-        btn: !e.nest
-      }, {
-        "dropdown-item": e.nest
-      }, {
-        "dropdown-toggle-split": e.splitButton
-      }, {
-        "btn-lg": e.size === "large"
-      }, {
-        "btn-sm": e.size === "small"
-      }, {
-        "btn-primary": e.type === "primary"
-      }, {
-        "btn-success": e.type === "success"
-      }, {
-        "btn-warning": e.type === "warning"
-      }, {
-        "btn-danger": e.type === "danger"
-      }, {
-        "btn-info": e.type === "info"
-      }, {
-        "btn-secondary": e.type === "secondary"
-      }, {
-        "btn-link": e.type === "link"
-      }, {
-        disabled: e.disabled
-      }],
-      style: "width:100%",
-      onClick: l,
-      onMouseenter: s,
-      onMouseleave: s
-    }, [k(d("span", {
-      class: "sr-only"
-    }, null), [[E, e.splitButton]]), e.splitButton ? "" : e.title, k(d("span", {
-      class: `f-icon ${e.iconClass.toString()}`
-    }, null), [[E, e.iconClass]])]), d("div", {
-      class: `dropdown-menu${r.value ? " show" : ""}`
-    }, [d(F, null, [n.value.map(({
-      label: a,
-      value: c,
-      disabled: f,
-      active: m,
-      divide: g
-    }) => d(X, {
-      value: c.toString(),
-      label: a,
-      disabled: f,
-      active: m,
-      divide: g,
-      onSelect: (M) => o(M)
-    }, null))])])])]);
-  }
-});
-function ve(e, t, n) {
-  var A;
-  function r() {
-    n != null && n.resolveComponentContext && n.resolveComponentContext();
-  }
-  r();
-  const l = n && n.getStyles && n.getStyles() || "", s = n && n.getDesignerClass && n.getDesignerClass() || "", p = v();
-  function h() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
-  }
-  function w() {
-    return !1;
-  }
-  function i() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
-  }
-  function o() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
-  }
-  function a(u) {
-    if (!u || !u.value)
-      return null;
-    if (u.value.schema && u.value.schema.type === "component")
-      return u.value;
-    const b = v(u == null ? void 0 : u.value.parent), y = a(b);
-    return y || null;
-  }
-  function c(u = t) {
-    const { componentInstance: b, designerItemElementRef: y } = u;
-    return !b || !b.value ? null : b.value.canMove ? y : c(u.parent);
-  }
-  function f(u) {
-    return !!n && n.canAccepts(u);
-  }
-  function m() {
-    return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
-  }
-  function g() {
-  }
-  function M(u, b) {
-    b && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(b);
-  }
-  function S(u) {
-    const { componentType: b } = u;
-    let y = P(b, u);
-    n && n.onResolveNewComponentSchema && (y = n.onResolveNewComponentSchema(u, y));
-    const $ = b.toLowerCase().replace("-", "_");
-    return y && !y.id && y.type === b && (y.id = `${$}_${Math.random().toString().slice(2, 6)}`), y;
-  }
-  function C(u, b) {
-    const y = String(u.getAttribute("data-controltype")), $ = u.getAttribute("data-feature"), L = $ ? JSON.parse($) : {};
-    L.parentComponentInstance = p.value;
-    let D = P(y, L);
-    n && n.onAcceptNewChildElement && (D = n.onAcceptNewChildElement(u, b, D));
-    const J = y.toLowerCase().replace("-", "_");
-    return D && !D.id && D.type === y && (D.id = `${J}_${Math.random().toString().slice(2, 6)}`), D;
-  }
-  function B(u) {
-  }
-  function _() {
-    return n && n.getPropsConfig ? n.getPropsConfig() : [];
-  }
-  return p.value = {
-    canMove: h(),
-    canSelectParent: w(),
-    canDelete: i(),
-    canNested: !o(),
-    contents: t == null ? void 0 : t.schema.contents,
-    elementRef: e,
-    parent: (A = t == null ? void 0 : t.parent) == null ? void 0 : A.componentInstance,
-    schema: t == null ? void 0 : t.schema,
-    styles: l,
-    designerClass: s,
-    canAccepts: f,
-    getBelongedComponentInstance: a,
-    getDraggableDesignItemElement: c,
-    getDraggingDisplayText: m,
-    getPropConfig: _,
-    getDragScopeElement: g,
-    onAcceptMovedChildElement: M,
-    onAcceptNewChildElement: C,
-    onChildElementMovedOut: B,
-    addNewChildComponentSchema: S,
-    updateDragAndDropRules: r,
-    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || v(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || v(!1)
-  }, p;
-}
-const he = /* @__PURE__ */ O({
-  name: "FDropdownDesign",
-  props: j,
-  emits: ["select"],
-  setup(e, t) {
-    const n = v(e.model), {
-      show: r,
-      showDropMenu: l,
-      hoverDropdown: s,
-      leftButtonClick: p,
-      closeDropMenu: h,
-      selectItem: w,
-      resolveSize: i
-    } = W(e, t);
-    function o(m) {
-      console.log(m), t.emit("select", m);
-    }
-    const a = v(), c = G("design-item-context"), f = ve(a, c);
-    return z(() => {
-      a.value.componentInstance = f;
-    }), t.expose(f.value), () => d("div", {
-      ref: a
-    }, [d("div", {
-      class: ["farris-dropdown", "btn-group", {
-        dropup: e.position === "top"
-      }, {
-        dropdown: e.position === "bottom"
-      }, {
-        dropleft: e.position === "left"
-      }, {
-        dropright: e.position === "right"
-      }],
-      style: {
-        width: e.width
-      }
-    }, [e.splitButton && d("span", {
-      class: ["btn", {
-        "dropdown-item": e.nest
-      }, {
-        "btn-lg": e.size === "large"
-      }, {
-        "btn-sm": e.size === "small"
-      }, {
-        "btn-primary": e.type === "primary"
-      }, {
-        "btn-success": e.type === "success"
-      }, {
-        "btn-warning": e.type === "warning"
-      }, {
-        "btn-danger": e.type === "danger"
-      }, {
-        "btn-info": e.type === "info"
-      }],
-      style: "width:100%",
-      onClick: p
-    }, [e.title]), d("span", {
-      class: ["dropdown-toggle", {
-        btn: !e.nest
-      }, {
-        "dropdown-item": e.nest
-      }, {
-        "dropdown-toggle-split": e.splitButton
-      }, {
-        "btn-lg": e.size === "large"
-      }, {
-        "btn-sm": e.size === "small"
-      }, {
-        "btn-primary": e.type === "primary"
-      }, {
-        "btn-success": e.type === "success"
-      }, {
-        "btn-warning": e.type === "warning"
-      }, {
-        "btn-danger": e.type === "danger"
-      }, {
-        "btn-info": e.type === "info"
-      }, {
-        "btn-secondary": e.type === "secondary"
-      }, {
-        "btn-link": e.type === "link"
-      }, {
-        disabled: e.disabled
-      }],
-      style: "width:100%",
-      onClick: l,
-      onMouseenter: s,
-      onMouseleave: s
-    }, [k(d("span", {
-      class: "sr-only"
-    }, null), [[E, e.splitButton]]), e.splitButton ? "" : e.title, k(d("span", {
-      class: `f-icon ${e.iconClass.toString()}`
-    }, null), [[E, e.iconClass]])]), d("div", {
-      class: `dropdown-menu${r.value ? " show" : ""}`
-    }, [d(F, null, [n.value.map(({
-      label: m,
-      value: g,
-      disabled: M,
-      active: S,
-      divide: C
-    }) => d(X, {
-      value: g.toString(),
-      label: m,
-      disabled: M,
-      active: S,
-      divide: C,
-      onSelect: (B) => o(B)
-    }, null))])])])]);
-  }
-}), De = {
-  install(e) {
-    e.component(N.name, N);
-  },
-  register(e, t, n) {
-    e.dropdown = N, t.dropdown = V;
-  },
-  registerDesigner(e, t, n) {
-    e.dropdown = he, t.dropdown = V;
-  }
-};
-export {
-  N as Dropdown,
-  De as default,
-  j as dropdownProps,
-  V as propsResolver
-};

package/dropdown/index.umd.js

@@ -1 +0,0 @@
-(function(w,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],o):(w=typeof globalThis<"u"?globalThis:w||self,o(w.dropdown={},w.Vue,w.LodashES))})(this,function(w,o,z){"use strict";const T={},O={};function $(e){const{properties:t,title:n}=e,i=Object.keys(t).reduce((c,d)=>(c[d]=t[d].type==="object"&&t[d].properties?$(t[d]):z.cloneDeep(t[d].default),c),{});return i.id=`${n}-${Date.now()}`,i}function C(e,t={}){const n=T[e];if(n){let i=$(n);const c=O[e];return i=c?c({getSchemaByType:C},i,t):i,i}return null}function q(e,t){const n=$(t);return Object.keys(e).reduce((i,c)=>(i[c]=e[c],i),n),n}function _(e,t){return Object.keys(e).filter(i=>e[i]!=null).reduce((i,c)=>{if(t.has(c)){const d=t.get(c);if(typeof d=="string")i[d]=e[c];else{const p=d(c,e[c],e);Object.assign(i,p)}}else i[c]=e[c];return i},{})}function H(e,t,n=new Map){const i=q(e,t);return _(i,n)}function W(e={}){function t(l,r,a,s){if(typeof a=="number")return s[l].length===a;if(typeof a=="object"){const f=Object.keys(a)[0],y=a[f];if(f==="not")return Number(s[l].length)!==Number(y);if(f==="moreThan")return Number(s[l].length)>=Number(y);if(f==="lessThan")return Number(s[l].length)<=Number(y)}return!1}function n(l,r,a,s){return s[r]&&s[r].propertyValue&&String(s[r].propertyValue.value)===String(a)}const i=new Map([["length",t],["getProperty",n]]);Object.keys(e).reduce((l,r)=>(l.set(r,e[r]),l),i);function c(l,r){const a=l;return typeof r=="number"?[{target:a,operator:"length",param:null,value:Number(r)}]:typeof r=="boolean"?[{target:a,operator:"getProperty",param:l,value:!!r}]:typeof r=="object"?Object.keys(r).map(s=>{if(s==="length")return{target:a,operator:"length",param:null,value:r[s]};const f=s,y=r[s];return{target:a,operator:l,param:f,value:y}}):[]}function d(l){return Object.keys(l).reduce((a,s)=>{const f=c(s,l[s]);return a.push(...f),a},[])}function p(l,r){if(i.has(l.operator)){const a=i.get(l.operator);return a&&a(l.target,l.param,l.value,r)||!1}return!1}function b(l,r){return d(l).reduce((f,y)=>f&&p(y,r),!0)}function g(l,r){const a=Object.keys(l),s=a.includes("allOf"),f=a.includes("anyOf"),y=s||f,M=(y?l[y?s?"allOf":"anyOf":"allOf"]:[l]).map(N=>b(N,r));return s?!M.includes(!1):M.includes(!0)}return{parseValueSchema:g}}const X={},J={};W();function G(e,t,n=new Map,i=(p,b,g)=>b,c={},d=p=>p){return T[t.title]=t,O[t.title]=i,X[t.title]=c,J[t.title]=d,(p={})=>{const b=H(p,t,n),g=Object.keys(e).reduce((l,r)=>(l[r]=e[r].default,l),{});return Object.assign(g,b)}}function Q(e,t){return{customClass:t.class}}function U(e,t,n){return t}const Y=new Map([["appearance",Q]]),Z={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/dropdown.schema.json",title:"dropdown",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for dropdown",type:"string"},type:{description:"The type string of dropdown",type:"string",default:"dropdown"},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"]},K={title:"dropdown",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}},behavior:{description:"Basic Infomation",title:"行为",properties:{readonly:{description:"",title:"只读",type:"string"},required:{description:"",title:"必填",type:"boolean"},visible:{description:"",title:"可见",type:"boolean"},placeHolder:{description:"",title:"提示文本",type:"string"},tabindex:{description:"",title:"tab索引",type:"number"}}}}},V={show:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},title:{type:String,default:"下拉示例"},size:{type:String,default:""},type:{type:String,default:"primary"},iconClass:{type:String,default:""},active:{type:Boolean,default:!1},splitButton:{type:Boolean,default:!1},position:{type:String,default:"bottom"},model:{type:Array,default:[{label:"项目一",value:"XM1"},{label:"项目二",value:"XM2"},{label:"项目三",value:"XM3"}]},onSelect:{type:Function,default:()=>{}}},P=G(V,Z,Y,U,K);function j(e,t){let n;const i=o.ref(e.show);o.onMounted(()=>{n=document.querySelector(".dropdown-menu")});const c=()=>{e.hover||(i.value=!1,document.removeEventListener("click",c),n.removeEventListener("click",c),document.removeEventListener("scroll",c),n.removeEventListener("scroll",c))};return{show:i,showDropMenu:r=>{e.hover||e.disabled||(r==null||r.stopPropagation(),i.value=!i.value,document.addEventListener("click",c),document.addEventListener("scroll",c),e.hideOnClick||(n.addEventListener("click",a=>{a.stopPropagation()}),n.addEventListener("scroll",a=>{a.stopPropagation()})))},hoverDropdown:()=>{e.hover&&(i.value=!i.value)},leftButtonClick:()=>{},closeDropMenu:c,selectItem:r=>{t.emit("select",r)},resolveSize:r=>{const a=/px|em|rem|pt|%/;return a.test(r)?`${parseInt(r,10)}${r.match(a)[0]}`:`${r}px`}}}const R={label:{type:String,default:"XM1"},value:{type:String||Number,default:"项目一"},disabled:{type:Boolean,default:!1},active:{type:Boolean,default:!1},divide:{type:Boolean,default:!1},onSelect:{type:Function,default:()=>{}}},A=o.defineComponent({name:"FDropdownItem",props:R,emits:["select"],setup(e,t){const n=o.ref(e.value),i=o.ref(e.label),c=o.ref(e.disabled),d=o.ref(e.active),p=o.ref(e.divide),b=()=>{c.value||t.emit("select",e)};return()=>o.createVNode("div",null,[o.withDirectives(o.createVNode("div",{class:"dropdown-divider"},null),[[o.vShow,p.value]]),o.createVNode("li",{class:`dropdown-item${d.value?" active":""} ${c.value?" disabled":""}`,onClick:b,title:n.value.toString()},[i.value])])}}),B=o.defineComponent({name:"FDropdown",props:V,emits:["select"],setup(e,t){const n=o.ref(e.model),{show:i,showDropMenu:c,hoverDropdown:d,leftButtonClick:p,closeDropMenu:b,selectItem:g,resolveSize:l}=j(e,t);function r(a){console.log(a),t.emit("select",a)}return()=>o.createVNode("div",null,[o.createVNode("div",{class:["farris-dropdown","btn-group",{dropup:e.position==="top"},{dropdown:e.position==="bottom"},{dropleft:e.position==="left"},{dropright:e.position==="right"}]},[e.splitButton&&o.createVNode("span",{class:["btn",{"dropdown-item":e.nest},{"btn-lg":e.size==="large"},{"btn-sm":e.size==="small"},{"btn-primary":e.type==="primary"},{"btn-success":e.type==="success"},{"btn-warning":e.type==="warning"},{"btn-danger":e.type==="danger"},{"btn-info":e.type==="info"}],style:"width:100%",onClick:p},[e.title]),o.createVNode("span",{class:["dropdown-toggle",{btn:!e.nest},{"dropdown-item":e.nest},{"dropdown-toggle-split":e.splitButton},{"btn-lg":e.size==="large"},{"btn-sm":e.size==="small"},{"btn-primary":e.type==="primary"},{"btn-success":e.type==="success"},{"btn-warning":e.type==="warning"},{"btn-danger":e.type==="danger"},{"btn-info":e.type==="info"},{"btn-secondary":e.type==="secondary"},{"btn-link":e.type==="link"},{disabled:e.disabled}],style:"width:100%",onClick:c,onMouseenter:d,onMouseleave:d},[o.withDirectives(o.createVNode("span",{class:"sr-only"},null),[[o.vShow,e.splitButton]]),e.splitButton?"":e.title,o.withDirectives(o.createVNode("span",{class:`f-icon ${e.iconClass.toString()}`},null),[[o.vShow,e.iconClass]])]),o.createVNode("div",{class:`dropdown-menu${i.value?" show":""}`},[o.createVNode(o.Fragment,null,[n.value.map(({label:a,value:s,disabled:f,active:y,divide:v})=>o.createVNode(A,{value:s.toString(),label:a,disabled:f,active:y,divide:v,onSelect:S=>r(S)},null))])])])])}});function I(e,t,n){var L;function i(){n!=null&&n.resolveComponentContext&&n.resolveComponentContext()}i();const c=n&&n.getStyles&&n.getStyles()||"",d=n&&n.getDesignerClass&&n.getDesignerClass()||"",p=o.ref();function b(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:n&&n.checkCanMoveComponent?n.checkCanMoveComponent():!0}function g(){return!1}function l(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:n&&n.checkCanDeleteComponent?n.checkCanDeleteComponent():!0}function r(){return(t==null?void 0:t.schema.componentType)==="frame"?!0:n&&n.hideNestedPaddingInDesginerView?n.hideNestedPaddingInDesginerView():!1}function a(u){if(!u||!u.value)return null;if(u.value.schema&&u.value.schema.type==="component")return u.value;const h=o.ref(u==null?void 0:u.value.parent),m=a(h);return m||null}function s(u=t){const{componentInstance:h,designerItemElementRef:m}=u;return!h||!h.value?null:h.value.canMove?m:s(u.parent)}function f(u){return!!n&&n.canAccepts(u)}function y(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function v(){}function S(u,h){h&&n!=null&&n.onAcceptMovedChildElement&&n.onAcceptMovedChildElement(h)}function M(u){const{componentType:h}=u;let m=C(h,u);n&&n.onResolveNewComponentSchema&&(m=n.onResolveNewComponentSchema(u,m));const E=h.toLowerCase().replace("-","_");return m&&!m.id&&m.type===h&&(m.id=`${E}_${Math.random().toString().slice(2,6)}`),m}function k(u,h){const m=String(u.getAttribute("data-controltype")),E=u.getAttribute("data-feature"),F=E?JSON.parse(E):{};F.parentComponentInstance=p.value;let D=C(m,F);n&&n.onAcceptNewChildElement&&(D=n.onAcceptNewChildElement(u,h,D));const ne=m.toLowerCase().replace("-","_");return D&&!D.id&&D.type===m&&(D.id=`${ne}_${Math.random().toString().slice(2,6)}`),D}function N(u){}function te(){return n&&n.getPropsConfig?n.getPropsConfig():[]}return p.value={canMove:b(),canSelectParent:g(),canDelete:l(),canNested:!r(),contents:t==null?void 0:t.schema.contents,elementRef:e,parent:(L=t==null?void 0:t.parent)==null?void 0:L.componentInstance,schema:t==null?void 0:t.schema,styles:c,designerClass:d,canAccepts:f,getBelongedComponentInstance:a,getDraggableDesignItemElement:s,getDraggingDisplayText:y,getPropConfig:te,getDragScopeElement:v,onAcceptMovedChildElement:S,onAcceptNewChildElement:k,onChildElementMovedOut:N,addNewChildComponentSchema:M,updateDragAndDropRules:i,triggerBelongedComponentToMoveWhenMoved:!!n&&n.triggerBelongedComponentToMoveWhenMoved||o.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!n&&n.triggerBelongedComponentToDeleteWhenDeleted||o.ref(!1)},p}const x=o.defineComponent({name:"FDropdownDesign",props:V,emits:["select"],setup(e,t){const n=o.ref(e.model),{show:i,showDropMenu:c,hoverDropdown:d,leftButtonClick:p,closeDropMenu:b,selectItem:g,resolveSize:l}=j(e,t);function r(y){console.log(y),t.emit("select",y)}const a=o.ref(),s=o.inject("design-item-context"),f=I(a,s);return o.onMounted(()=>{a.value.componentInstance=f}),t.expose(f.value),()=>o.createVNode("div",{ref:a},[o.createVNode("div",{class:["farris-dropdown","btn-group",{dropup:e.position==="top"},{dropdown:e.position==="bottom"},{dropleft:e.position==="left"},{dropright:e.position==="right"}],style:{width:e.width}},[e.splitButton&&o.createVNode("span",{class:["btn",{"dropdown-item":e.nest},{"btn-lg":e.size==="large"},{"btn-sm":e.size==="small"},{"btn-primary":e.type==="primary"},{"btn-success":e.type==="success"},{"btn-warning":e.type==="warning"},{"btn-danger":e.type==="danger"},{"btn-info":e.type==="info"}],style:"width:100%",onClick:p},[e.title]),o.createVNode("span",{class:["dropdown-toggle",{btn:!e.nest},{"dropdown-item":e.nest},{"dropdown-toggle-split":e.splitButton},{"btn-lg":e.size==="large"},{"btn-sm":e.size==="small"},{"btn-primary":e.type==="primary"},{"btn-success":e.type==="success"},{"btn-warning":e.type==="warning"},{"btn-danger":e.type==="danger"},{"btn-info":e.type==="info"},{"btn-secondary":e.type==="secondary"},{"btn-link":e.type==="link"},{disabled:e.disabled}],style:"width:100%",onClick:c,onMouseenter:d,onMouseleave:d},[o.withDirectives(o.createVNode("span",{class:"sr-only"},null),[[o.vShow,e.splitButton]]),e.splitButton?"":e.title,o.withDirectives(o.createVNode("span",{class:`f-icon ${e.iconClass.toString()}`},null),[[o.vShow,e.iconClass]])]),o.createVNode("div",{class:`dropdown-menu${i.value?" show":""}`},[o.createVNode(o.Fragment,null,[n.value.map(({label:y,value:v,disabled:S,active:M,divide:k})=>o.createVNode(A,{value:v.toString(),label:y,disabled:S,active:M,divide:k,onSelect:N=>r(N)},null))])])])])}}),ee={install(e){e.component(B.name,B)},register(e,t,n){e.dropdown=B,t.dropdown=P},registerDesigner(e,t,n){e.dropdown=x,t.dropdown=P}};w.Dropdown=B,w.default=ee,w.dropdownProps=V,w.propsResolver=P,Object.defineProperties(w,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dropdown/package.json

@@ -1,8 +0,0 @@
-{
-    "name": "dropdown",
-    "version": "1.1.0",
-    "main": "index.umd.js",
-    "module": "index.esm.js",
-    "style": "style.css",
-    "types": "../types/dropdown/index.d.ts"
-}