@farris/ui-vue 1.1.0 → 1.1.1

package/splitter/index.umd.js

@@ -1 +0,0 @@
-(function(P,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],i):(P=typeof globalThis<"u"?globalThis:P||self,i(P.splitter={},P.Vue,P.LodashES))})(this,function(P,i,Y){"use strict";const V={},k={};function D(n){const{properties:e,title:t}=n,r=Object.keys(e).reduce((p,u)=>(p[u]=e[u].type==="object"&&e[u].properties?D(e[u]):Y.cloneDeep(e[u].default),p),{});return r.id=`${t}-${Date.now()}`,r}function E(n,e={}){const t=V[n];if(t){let r=D(t);const p=k[n];return r=p?p({getSchemaByType:E},r,e):r,r}return null}function J(n,e){const t=D(e);return Object.keys(n).reduce((r,p)=>(r[p]=n[p],r),t),t}function G(n,e){return Object.keys(n).filter(r=>n[r]!=null).reduce((r,p)=>{if(e.has(p)){const u=e.get(p);if(typeof u=="string")r[u]=n[p];else{const o=u(p,n[p],n);Object.assign(r,o)}}else r[p]=n[p];return r},{})}function Q(n,e,t=new Map){const r=J(n,e);return G(r,t)}function U(n={}){function e(c,s,a,l){if(typeof a=="number")return l[c].length===a;if(typeof a=="object"){const m=Object.keys(a)[0],d=a[m];if(m==="not")return Number(l[c].length)!==Number(d);if(m==="moreThan")return Number(l[c].length)>=Number(d);if(m==="lessThan")return Number(l[c].length)<=Number(d)}return!1}function t(c,s,a,l){return l[s]&&l[s].propertyValue&&String(l[s].propertyValue.value)===String(a)}const r=new Map([["length",e],["getProperty",t]]);Object.keys(n).reduce((c,s)=>(c.set(s,n[s]),c),r);function p(c,s){const a=c;return typeof s=="number"?[{target:a,operator:"length",param:null,value:Number(s)}]:typeof s=="boolean"?[{target:a,operator:"getProperty",param:c,value:!!s}]:typeof s=="object"?Object.keys(s).map(l=>{if(l==="length")return{target:a,operator:"length",param:null,value:s[l]};const m=l,d=s[l];return{target:a,operator:c,param:m,value:d}}):[]}function u(c){return Object.keys(c).reduce((a,l)=>{const m=p(l,c[l]);return a.push(...m),a},[])}function o(c,s){if(r.has(c.operator)){const a=r.get(c.operator);return a&&a(c.target,c.param,c.value,s)||!1}return!1}function y(c,s){return u(c).reduce((m,d)=>m&&o(d,s),!0)}function v(c,s){const a=Object.keys(c),l=a.includes("allOf"),m=a.includes("anyOf"),d=l||m,w=(d?c[d?l?"allOf":"anyOf":"allOf"]:[c]).map(S=>y(S,s));return l?!w.includes(!1):w.includes(!0)}return{parseValueSchema:v}}const Z={},K={};U();function A(n,e,t=new Map,r=(o,y,v)=>y,p={},u=o=>o){return V[e.title]=e,k[e.title]=r,Z[e.title]=p,K[e.title]=u,(o={})=>{const y=Q(o,e,t),v=Object.keys(n).reduce((c,s)=>(c[s]=n[s].default,c),{});return Object.assign(v,y)}}function L(n,e){return{customClass:e.class}}const x=new Map([["appearance",L]]);function I(n,e,t){const r=n.getSchemaByType("splitter-pane");return r.appearance={class:"f-col-w6 f-page-content-nav"},r.position="left",e.contents.unshift(r),e}function ee(n,e,t){const r=n.getSchemaByType("splitter-pane");return r.appearance={class:"f-page-content-main"},r.position="main",e.contents.push(r),e}function te(n,e,t){const r=t.parentComponentInstance;return String(r.schema.appearance.class||"").split(" ").includes("f-page-main")&&(e.appearance={class:"f-page-content"}),I(n,e),ee(n,e),e}const ne={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/splitter.schema.json",title:"splitter",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a splitter",type:"string"},type:{description:"The type string of splitter component",type:"string",default:"splitter"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},direction:{description:"",type:"string",default:"column",enum:["column","row"]}}},re={title:"splitter",description:"A Farris Container Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"Splitter",enum:[]}}}},appearance:{title:"样式",description:"Appearance",properties:{class:{title:"class",type:"string",description:""},style:{title:"style",type:"string",description:""}}},behavior:{description:"",title:"行为",properties:{visible:{description:"运行时组件是否可见",type:"boolean",title:"是否可见",editor:{type:"combo-list",data:[{value:!0,name:"是"},{value:!1,name:"否"}]}}}}}},N={direction:{Type:String,default:"column"}},B=A(N,ne,x,te,re),$e="";function W(n){const e=i.ref(-1),t=i.ref(-1),r=i.ref(0),p=i.ref(0),u=i.ref(!1),o=i.ref(!1),y=i.computed(()=>({display:u.value?"block":"none",left:`${r.value}px`})),v=i.computed(()=>({display:o.value?"block":"none",top:`${p.value}px`})),c=i.computed(()=>({display:o.value||u.value?"block":"none"}));function s(l){const m=n.value;if(m){const{left:d}=m.getBoundingClientRect();r.value=l.clientX-d}}function a(l){const m=n.value;if(m){const{top:d}=m.getBoundingClientRect();p.value=l.clientY-d}}return{horizontalResizeHandleStyle:y,verticalResizeHandleStyle:v,resizeOverlayStyle:c,showHorizontalResizeHandle:u,showVerticalResizeHandle:o,horizontalResizeBarPosition:e,verticalResizeBarPosition:t,verticalResizeHandleOffset:p,horizontalResizeHandleOffset:r,draggingHorizontalResizeHandle:s,draggingVerticalResizeHandle:a}}const H=i.defineComponent({name:"FSplitter",props:N,emits:[],setup(n,e){const t=i.ref(),r=W(t),{horizontalResizeHandleStyle:p,verticalResizeHandleStyle:u,resizeOverlayStyle:o}=r;i.provide("splitter",{useResizeHandleComposition:r});const y=i.computed(()=>({"flex-direction":n.direction==="row"?"column":"row"}));return()=>i.createVNode("div",{class:"f-splitter",ref:t,style:y.value},[e.slots.default&&e.slots.default(),i.createVNode("div",{class:"f-splitter-resize-overlay",style:o.value},null),i.createVNode("div",{class:"f-splitter-horizontal-resize-proxy",style:p.value},null),i.createVNode("div",{class:"f-splitter-vertical-resize-proxy",style:u.value},null)])}}),se=new Map([["appearance",L]]),ie={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/splitter-pane.schema.json",title:"splitter-pane",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a splitter",type:"string"},type:{description:"The type string of splitter component",type:"string",default:"splitter-pane"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},collapsable:{description:"",type:"boolean",default:!1},contents:{description:"",type:"array",default:[]},height:{description:"",type:"number"},position:{description:"",type:"string",default:"left",enum:["left","center","right","top","bottom"]},resizeable:{description:"",type:"boolean",default:!0},width:{description:"",type:"number"},visible:{description:"",type:"number",default:!0}}},ae={title:"splitter-pane",description:"A Farris Container Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"Splitter",enum:[]}},width:{description:"",type:"number",title:"宽度"},height:{description:"",type:"number",title:"高度"}}},appearance:{title:"样式",description:"Appearance",properties:{class:{title:"class",type:"string",description:""},style:{title:"style",type:"string",description:""}}},behavior:{description:"",title:"行为",properties:{collapsable:{description:"",type:"boolean",title:"允许收折"},position:{description:"",type:"enum",title:"位置",editor:{type:"combo-list",data:[{value:"left",name:"左侧"},{value:"center",name:"居中"},{value:"right",name:"右侧"},{value:"top",name:"顶部"},{value:"bottom",name:"底部"}]}},resizeable:{description:"",type:"boolean",title:"允许调整尺寸"},visible:{description:"运行时组件是否可见",type:"boolean",title:"是否可见",editor:{type:"combo-list",data:[{value:!0,name:"是"},{value:!1,name:"否"}]}}}}}},T={customClass:{type:String,defaut:""},width:{type:Number},height:{type:Number},position:{type:String,default:"left"},visible:{type:Boolean,default:!0},resizable:{type:Boolean,default:!0},collapsable:{type:Boolean,default:!1},minWidth:{type:Number,default:200},minHeight:{type:Number,default:200}},F=A(T,ie,se,void 0,ae);function _(n,e){const t=i.ref(n.width),r=i.ref(n.height),{horizontalResizeBarPosition:p,horizontalResizeHandleOffset:u,showHorizontalResizeHandle:o,showVerticalResizeHandle:y,verticalResizeBarPosition:v,verticalResizeHandleOffset:c,draggingHorizontalResizeHandle:s,draggingVerticalResizeHandle:a}=e;let l="",m,d;function h(z){if((l==="left"||l==="right")&&d){const{left:S}=d.getBoundingClientRect(),{width:$}=m.getBoundingClientRect(),O=z.clientX-S,f=l==="left"?($||0)+(O-p.value):($||0)-(O-p.value);t.value=n.minWidth>0?Math.max(n.minWidth,f):f}if((l==="top"||l==="bottom")&&d){const{top:S}=d.getBoundingClientRect(),{height:$}=m.getBoundingClientRect(),O=z.clientY-S,f=l==="top"?($||0)+(O-v.value):($||0)-(O-v.value);r.value=n.minHeight>0?Math.max(n.minHeight,f):f}u.value=0,c.value=0,p.value=-1,v.value=-1,o.value=!1,y.value=!1,document.removeEventListener("mousemove",s),document.removeEventListener("mouseup",h),document.body.style.userSelect="",l="",m=null,d=null}function g(z,S,$){if(l=S,m=$,o.value=!0,d=z.composedPath().find(f=>f.className.split(" ")[0]==="f-splitter"),d){const{left:f}=d.getBoundingClientRect();u.value=z.clientX-f,p.value=z.clientX-f,document.addEventListener("mousemove",s),document.addEventListener("mouseup",h),document.body.style.userSelect="none"}}function w(z,S,$){if(l=S,m=$,y.value=!0,d=z.composedPath().find(f=>f.className.split(" ")[0]==="f-splitter"),d){const{top:f}=d.getBoundingClientRect();c.value=z.clientY-f,v.value=z.clientY-f,document.addEventListener("mousemove",a),document.addEventListener("mouseup",h),document.body.style.userSelect="none"}}return{actualWidth:t,actualHeight:r,onClickSplitterHorizontalResizeBar:g,onClickSplitterVerticalResizeBar:w}}const R=i.defineComponent({name:"FSplitterPane",props:T,emits:[],setup(n,e){const t=i.ref(),r=i.inject("splitter"),{useResizeHandleComposition:p}=r,u=_(n,p),{actualHeight:o,actualWidth:y,onClickSplitterHorizontalResizeBar:v,onClickSplitterVerticalResizeBar:c}=u,s=i.ref(n.position),a=i.computed(()=>{const h={"f-splitter-pane":!0,"f-splitter-pane-column":s.value==="left"||s.value==="right","f-splitter-pane-row":s.value==="bottom"||s.value==="top","f-splitter-pane-main":s.value==="center"};return n.customClass&&String(n.customClass).split(" ").reduce((g,w)=>(g[w]=!0,g),h),h}),l=i.computed(()=>{const h={};return(y.value&&s.value==="left"||s.value==="right")&&(h.width=`${y.value}px`),(o.value&&s.value==="bottom"||s.value==="top")&&(h.height=`${o.value}px`),h}),m=i.computed(()=>({"f-splitter-resize-bar":!0,"f-splitter-resize-bar-e":s.value==="left","f-splitter-resize-bar-n":s.value==="bottom","f-splitter-resize-bar-s":s.value==="top","f-splitter-resize-bar-w":s.value==="right"}));function d(h,g){(g==="left"||g==="right")&&v(h,g,t.value),(g==="top"||g==="bottom")&&c(h,g,t.value)}return()=>i.createVNode("div",{ref:t,class:a.value,style:l.value},[e.slots.default&&e.slots.default(),i.createVNode("span",{class:m.value,onMousedown:h=>d(h,s.value)},null)])}});function q(n,e,t){var O;function r(){t!=null&&t.resolveComponentContext&&t.resolveComponentContext()}r();const p=t&&t.getStyles&&t.getStyles()||"",u=t&&t.getDesignerClass&&t.getDesignerClass()||"",o=i.ref();function y(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanMoveComponent?t.checkCanMoveComponent():!0}function v(){return!1}function c(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanDeleteComponent?t.checkCanDeleteComponent():!0}function s(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:t&&t.hideNestedPaddingInDesginerView?t.hideNestedPaddingInDesginerView():!1}function a(f){if(!f||!f.value)return null;if(f.value.schema&&f.value.schema.type==="component")return f.value;const C=i.ref(f==null?void 0:f.value.parent),b=a(C);return b||null}function l(f=e){const{componentInstance:C,designerItemElementRef:b}=f;return!C||!C.value?null:C.value.canMove?b:l(f.parent)}function m(f){return!!t&&t.canAccepts(f)}function d(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function h(){}function g(f,C){C&&t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(C)}function w(f){const{componentType:C}=f;let b=E(C,f);t&&t.onResolveNewComponentSchema&&(b=t.onResolveNewComponentSchema(f,b));const M=C.toLowerCase().replace("-","_");return b&&!b.id&&b.type===C&&(b.id=`${M}_${Math.random().toString().slice(2,6)}`),b}function z(f,C){const b=String(f.getAttribute("data-controltype")),M=f.getAttribute("data-feature"),X=M?JSON.parse(M):{};X.parentComponentInstance=o.value;let j=E(b,X);t&&t.onAcceptNewChildElement&&(j=t.onAcceptNewChildElement(f,C,j));const de=b.toLowerCase().replace("-","_");return j&&!j.id&&j.type===b&&(j.id=`${de}_${Math.random().toString().slice(2,6)}`),j}function S(f){}function $(){return t&&t.getPropsConfig?t.getPropsConfig():[]}return o.value={canMove:y(),canSelectParent:v(),canDelete:c(),canNested:!s(),contents:e==null?void 0:e.schema.contents,elementRef:n,parent:(O=e==null?void 0:e.parent)==null?void 0:O.componentInstance,schema:e==null?void 0:e.schema,styles:p,designerClass:u,canAccepts:m,getBelongedComponentInstance:a,getDraggableDesignItemElement:l,getDraggingDisplayText:d,getPropConfig:$,getDragScopeElement:h,onAcceptMovedChildElement:g,onAcceptNewChildElement:z,onChildElementMovedOut:S,addNewChildComponentSchema:w,updateDragAndDropRules:r,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||i.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||i.ref(!1)},o}function oe(n,e){function t(){return!1}return{canAccepts:t}}const le=i.defineComponent({name:"FSplitterDesign",props:N,emits:[],setup(n,e){var a;const t=i.ref(),r=i.inject("design-item-context"),p=oe(r.schema,(a=r.parent)==null?void 0:a.schema),u=q(t,r,p);u.value.canNested=!1;const o=W(t),{horizontalResizeHandleStyle:y,verticalResizeHandleStyle:v,resizeOverlayStyle:c}=o;i.provide("splitter",{useResizeHandleComposition:o});const s=i.computed(()=>({"flex-direction":n.direction==="row"?"column":"row"}));return i.onMounted(()=>{t.value.componentInstance=u}),e.expose(u.value),()=>i.createVNode("div",{class:"f-splitter",ref:t,style:s.value},[e.slots.default&&e.slots.default(),i.createVNode("div",{class:"f-splitter-resize-overlay",style:c.value},null),i.createVNode("div",{class:"f-splitter-horizontal-resize-proxy",style:y.value},null),i.createVNode("div",{class:"f-splitter-vertical-resize-proxy",style:v.value},null)])}});function ce(){function n(e){var p,u;if(!e)return!1;const t=((p=e.targetContainer)==null?void 0:p.componentInstance)&&e.targetContainer.componentInstance.value;if(!t)return!1;const r=(u=t.schema.appearance)==null?void 0:u.class;if(e.controlCategory==="input"||e.controlType==="form-group"){const o=t.schema.type,y=(o==="response-form"||o==="content-container")&&r&&r.includes("farris-form");if(t.schema.type!=="response-layout-item"&&!y)return!1}return e.controlType!=="field-set"}return{basalDragulaRuleForContainer:n}}function pe(n,e){function t(p){var v;if(!ce().basalDragulaRuleForContainer(p))return!1;if(((((v=n.appearance)==null?void 0:v.class)||"").split(" ")||[]).includes("f-page-content-nav")){const c=n.contents&&n.contents[0];return!(c&&c.type==="component")}return!0}function r(p,u,o){const y=n,c=(y.appearance&&y.appearance.class||"").split(" ");if(y.position==="main"&&c.includes("f-page-content-main")){if(o.type==="tabs"){const s=o.appearance&&o.appearance.class?String(o.appearance.class).split(" "):[];s.unshift("f-tabs-in-card"),o.appearance={class:s.join(" ")};const a=E("section");a.id=`${o.id}-section`,a.appearance={class:"f-section-tabs f-section-in-mainsubcard"},a.contents=[o];const l=E("content-container");return l.id=`${o.id}-struct-wrapper`,l.appearance={class:"f-struct-wrapper"},l.contents=[a],l}if(o.type==="section"){const s=o.appearance&&o.appearance.class?String(o.appearance.class).split(" "):[];s.unshift("f-section-in-main"),o.appearance={class:s.join(" ")},o.title=String(p.innerText);const a=E("content-container");return a.id=`${o.id}-struct-wrapper`,a.appearance={class:"f-struct-wrapper"},a.contents=[o],a}}return o}return{canAccepts:t,onAcceptNewChildElement:r}}const ue=i.defineComponent({name:"FSplitterPaneDesign",props:T,emits:[],setup(n,e){var d;const t=i.ref(),r=i.inject("design-item-context"),p=pe(r.schema,(d=r.parent)==null?void 0:d.schema),u=q(t,r,p);u.value.styles="padding:0;box-shadow:none;",u.value.canNested=!1,u.value.canMove=!1,u.value.canDelete=!1,i.onMounted(()=>{t.value.componentInstance=u}),e.expose(u.value);const o=i.inject("splitter"),{useResizeHandleComposition:y}=o,v=_(n,y),{actualHeight:c,actualWidth:s}=v,a=i.ref(n.position),l=i.computed(()=>{const h={"f-splitter-pane":!0,"f-splitter-pane-column":a.value==="left"||a.value==="right","f-splitter-pane-row":a.value==="bottom"||a.value==="top","f-splitter-pane-main":a.value==="center","f-component-splitter-pane":!0,"drag-container":!0};return n.customClass&&String(n.customClass).split(" ").reduce((g,w)=>(g[w]=!0,g),h),h}),m=i.computed(()=>{const h={};return(s.value&&a.value==="left"||a.value==="right")&&(h.width=`${s.value}px`),(c.value&&a.value==="bottom"||a.value==="top")&&(h.height=`${c.value}px`),h});return()=>i.createVNode("div",{ref:t,"data-dragref":`${r.schema.id}-container`,class:l.value,style:m.value},[e.slots.default&&e.slots.default()])}}),fe={install(n){n.component(H.name,H),n.component(R.name,R)},register(n,e,t){n.splitter=H,e.splitter=B,n["splitter-pane"]=R,e["splitter-pane"]=F},registerDesigner(n,e,t){n.splitter=le,e.splitter=B,n["splitter-pane"]=ue,e["splitter-pane"]=F}};P.Splitter=H,P.default=fe,P.splitterProps=N,P.splitterPropsResolver=B,Object.defineProperties(P,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/splitter/package.json

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

package/splitter/style.css

@@ -1 +0,0 @@
-.f-splitter{flex-shrink:1;flex-grow:1;flex-basis:0;display:flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;position:relative}.f-splitter-pane.f-splitter-pane-main{flex-shrink:1;flex-grow:1;flex-basis:0;overflow:auto;display:flex}.f-splitter-pane.f-splitter-pane-column,.f-splitter-pane.f-splitter-pane-row{display:flex;flex-direction:column;box-shadow:0 0 8px #001c4014;padding:0;position:relative;z-index:100}.f-splitter-pane>.f-splitter-resize-bar.f-splitter-resize-bar-e{cursor:e-resize;width:.4375rem;right:-.3125rem;height:100%;top:0}.f-splitter-pane>.f-splitter-resize-bar.f-splitter-resize-bar-w{cursor:w-resize;width:.4375rem;left:-.3125rem;height:100%;top:0}.f-splitter-pane>.f-splitter-resize-bar.f-splitter-resize-bar-s{cursor:s-resize;height:.4375rem;bottom:-.3125rem;width:100%;left:0}.f-splitter-pane>.f-splitter-resize-bar.f-splitter-resize-bar-n{cursor:n-resize;height:.4375rem;top:-.3125rem;width:100%;left:0}.f-splitter-pane>.f-splitter-resize-bar{position:absolute;font-size:.1px;display:block;touch-action:none}.f-splitter-pane>.f-splitter-resize-bar:hover{background:rgba(42,135,255,.07)}.f-splitter-resize-overlay{z-index:98;width:100%;height:100%;cursor:e-resize;background:0 0;position:absolute}.f-splitter-horizontal-resize-proxy{width:.4375rem;background:rgba(42,135,255,.07);left:0;display:none;position:absolute;height:100%;z-index:100}.f-splitter-vertical-resize-proxy{height:.4375rem;background:rgba(42,135,255,.07);top:0;display:none;position:absolute;width:100%;z-index:100}

package/step/index.esm.js

@@ -1,553 +0,0 @@
-import { defineComponent as F, ref as g, computed as E, watch as _, createVNode as b, inject as H, onMounted as J } from "vue";
-import { cloneDeep as G } from "lodash-es";
-const q = {}, W = {};
-function V(r) {
-  const { properties: t, title: e } = r, o = Object.keys(t).reduce((v, m) => (v[m] = t[m].type === "object" && t[m].properties ? V(t[m]) : G(t[m].default), v), {});
-  return o.id = `${e}-${Date.now()}`, o;
-}
-function B(r, t = {}) {
-  const e = q[r];
-  if (e) {
-    let o = V(e);
-    const v = W[r];
-    return o = v ? v({ getSchemaByType: B }, o, t) : o, o;
-  }
-  return null;
-}
-function Q(r, t) {
-  const e = V(t);
-  return Object.keys(r).reduce((o, v) => (o[v] = r[v], o), e), e;
-}
-function U(r, t) {
-  return Object.keys(r).filter((o) => r[o] != null).reduce((o, v) => {
-    if (t.has(v)) {
-      const m = t.get(v);
-      if (typeof m == "string")
-        o[m] = r[v];
-      else {
-        const y = m(v, r[v], r);
-        Object.assign(o, y);
-      }
-    } else
-      o[v] = r[v];
-    return o;
-  }, {});
-}
-function X(r, t, e = /* @__PURE__ */ new Map()) {
-  const o = Q(r, t);
-  return U(o, e);
-}
-function Y(r = {}) {
-  function t(s, u, p, f) {
-    if (typeof p == "number")
-      return f[s].length === p;
-    if (typeof p == "object") {
-      const O = Object.keys(p)[0], j = p[O];
-      if (O === "not")
-        return Number(f[s].length) !== Number(j);
-      if (O === "moreThan")
-        return Number(f[s].length) >= Number(j);
-      if (O === "lessThan")
-        return Number(f[s].length) <= Number(j);
-    }
-    return !1;
-  }
-  function e(s, u, p, f) {
-    return f[u] && f[u].propertyValue && String(f[u].propertyValue.value) === String(p);
-  }
-  const o = /* @__PURE__ */ new Map([
-    ["length", t],
-    ["getProperty", e]
-  ]);
-  Object.keys(r).reduce((s, u) => (s.set(u, r[u]), s), o);
-  function v(s, u) {
-    const p = s;
-    return typeof u == "number" ? [{ target: p, operator: "length", param: null, value: Number(u) }] : typeof u == "boolean" ? [{ target: p, operator: "getProperty", param: s, value: !!u }] : typeof u == "object" ? Object.keys(u).map((f) => {
-      if (f === "length")
-        return { target: p, operator: "length", param: null, value: u[f] };
-      const O = f, j = u[f];
-      return { target: p, operator: s, param: O, value: j };
-    }) : [];
-  }
-  function m(s) {
-    return Object.keys(s).reduce((p, f) => {
-      const O = v(f, s[f]);
-      return p.push(...O), p;
-    }, []);
-  }
-  function y(s, u) {
-    if (o.has(s.operator)) {
-      const p = o.get(s.operator);
-      return p && p(s.target, s.param, s.value, u) || !1;
-    }
-    return !1;
-  }
-  function S(s, u) {
-    return m(s).reduce((O, j) => O && y(j, u), !0);
-  }
-  function d(s, u) {
-    const p = Object.keys(s), f = p.includes("allOf"), O = p.includes("anyOf"), j = f || O, k = (j ? s[j ? f ? "allOf" : "anyOf" : "allOf"] : [s]).map((D) => S(D, u));
-    return f ? !k.includes(!1) : k.includes(!0);
-  }
-  return { parseValueSchema: d };
-}
-const Z = {}, K = {};
-Y();
-function R(r, t, e = /* @__PURE__ */ new Map(), o = (y, S, d) => S, v = {}, m = (y) => y) {
-  return q[t.title] = t, W[t.title] = o, Z[t.title] = v, K[t.title] = m, (y = {}) => {
-    const S = X(y, t, e), d = Object.keys(r).reduce((s, u) => (s[u] = r[u].default, s), {});
-    return Object.assign(d, S);
-  };
-}
-function x(r, t) {
-  return { customClass: t.class };
-}
-const I = /* @__PURE__ */ new Map([
-  ["appearance", x]
-]);
-function ee(r, t, e) {
-  return t;
-}
-const te = "https://json-schema.org/draft/2020-12/schema", ne = "https://farris-design.gitee.io/step.schema.json", re = "step", ce = "A Farris Component", se = "object", ae = {
-  id: {
-    description: "The unique identifier for step",
-    type: "string"
-  },
-  type: {
-    description: "The type string of step",
-    type: "string",
-    default: "step"
-  },
-  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
-  }
-}, oe = [
-  "id",
-  "type"
-], le = {
-  $schema: te,
-  $id: ne,
-  title: re,
-  description: ce,
-  type: se,
-  properties: ae,
-  required: oe
-}, ie = "step", ue = "A Farris Component", pe = "object", fe = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, ve = {
-  title: ie,
-  description: ue,
-  type: pe,
-  categories: fe
-}, L = {
-  /** 步骤条方向  */
-  direction: { type: String, default: "horizontal" },
-  /** 是否平铺 */
-  fill: { type: Boolean, default: !1 },
-  /** 竖向步骤条，fill 时需要传递的高度 */
-  height: { type: Number, default: 0 },
-  /** 是否支持点击 */
-  clickable: { type: Boolean, default: !0 },
-  /** 步骤条的具体参数 */
-  steps: {
-    type: Array,
-    default: [
-      {
-        id: "1",
-        title: "审批中（示例）",
-        description: "正在审批"
-      },
-      {
-        id: "2",
-        title: "复核中（示例）",
-        description: "等待复核"
-      }
-    ]
-  },
-  /** 当前active步骤的索引 */
-  activeIndex: { type: Number, default: 0 },
-  /** 步骤条点击后事件 */
-  onClick: { type: Function, default: () => {
-  } }
-}, z = R(L, le, I, ee, ve), $ = /* @__PURE__ */ F({
-  name: "FStep",
-  props: L,
-  emits: ["click"],
-  setup(r, t) {
-    const e = g(r.direction), o = g(r.fill), v = g(r.height), m = g(r.steps), y = g(r.clickable), S = g(0), d = g(r.activeIndex), s = E(() => ({
-      "f-progress-step-list": e.value === "horizontal",
-      "f-progress-step-list-block": e.value === "vertical",
-      "f-progress-step-horizontal-fill": e.value === "horizontal" && o.value,
-      "f-progress-step-vertical-fill": e.value === "vertical" && o.value
-    })), u = E(() => ({
-      height: e.value === "vertical" ? `${v.value}px` : ""
-    }));
-    function p(c, n) {
-      const l = {
-        step: !0,
-        active: n === d.value,
-        clickable: y.value,
-        // 'click-disable': step.disable,
-        current: n === d.value
-      };
-      return n < d.value && (l.finish = !0), l;
-    }
-    function f(c, n) {
-      const l = {
-        step: c,
-        stepIndex: n
-      };
-      t.emit("click", l);
-    }
-    function O(c, n) {
-      const l = {
-        "f-progressstep-row": !0,
-        "step-active": n === d.value,
-        "step-current": n === d.value
-      };
-      return n < d.value && (l["step-finish"] = !0), l;
-    }
-    function j(c, n) {
-      return {
-        "step-icon": !0,
-        "step-success": n,
-        "f-icon": n,
-        "f-icon-check": n
-      };
-    }
-    function T(c, n) {
-      const l = [];
-      return n >= d.value || n === S.value ? l.push(b("span", {
-        class: "step-icon"
-      }, [n + 1])) : l.push(b("span", {
-        class: j(c, !0)
-      }, null)), l;
-    }
-    function w(c, n) {
-      return {
-        "step-name": !0,
-        "step-name-success": n < d.value
-      };
-    }
-    function k(c, n) {
-      return b("div", {
-        class: "f-progress-step-title"
-      }, [b("p", {
-        class: w(c, n)
-      }, [c.title])]);
-    }
-    function N(c, n) {
-      return {
-        "f-progress-step-line": !0,
-        "f-progress-step-line-success": n === d.value
-      };
-    }
-    function D(c, n) {
-      return n !== m.value.length - 1;
-    }
-    const P = E(() => ({
-      triangle: !0,
-      "": e.value === "vertical"
-    }));
-    function C() {
-      return m.value.map((c, n) => b("li", {
-        class: p(c, n),
-        onClick: (l) => f(c, n)
-      }, [b("div", {
-        class: O(c, n)
-      }, [b("div", {
-        class: "f-progress-step-content"
-      }, [T(c, n), k(c, n)]), D(c, n) && b("div", {
-        class: N(c, n)
-      }, [b("span", {
-        class: P.value
-      }, null)])])]));
-    }
-    return _(() => r.activeIndex, () => {
-      r.activeIndex > -1 && r.activeIndex <= m.value.length && (d.value = r.activeIndex, C());
-    }), () => b("div", {
-      class: "f-progress-step"
-    }, [b("ul", {
-      class: s.value,
-      style: u.value
-    }, [C()])]);
-  }
-});
-function he(r, t, e) {
-  var C;
-  function o() {
-    e != null && e.resolveComponentContext && e.resolveComponentContext();
-  }
-  o();
-  const v = e && e.getStyles && e.getStyles() || "", m = e && e.getDesignerClass && e.getDesignerClass() || "", y = g();
-  function S() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : e && e.checkCanMoveComponent ? e.checkCanMoveComponent() : !0;
-  }
-  function d() {
-    return !1;
-  }
-  function s() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : e && e.checkCanDeleteComponent ? e.checkCanDeleteComponent() : !0;
-  }
-  function u() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : e && e.hideNestedPaddingInDesginerView ? e.hideNestedPaddingInDesginerView() : !1;
-  }
-  function p(c) {
-    if (!c || !c.value)
-      return null;
-    if (c.value.schema && c.value.schema.type === "component")
-      return c.value;
-    const n = g(c == null ? void 0 : c.value.parent), l = p(n);
-    return l || null;
-  }
-  function f(c = t) {
-    const { componentInstance: n, designerItemElementRef: l } = c;
-    return !n || !n.value ? null : n.value.canMove ? l : f(c.parent);
-  }
-  function O(c) {
-    return !!e && e.canAccepts(c);
-  }
-  function j() {
-    return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
-  }
-  function T() {
-  }
-  function w(c, n) {
-    n && e != null && e.onAcceptMovedChildElement && e.onAcceptMovedChildElement(n);
-  }
-  function k(c) {
-    const { componentType: n } = c;
-    let l = B(n, c);
-    e && e.onResolveNewComponentSchema && (l = e.onResolveNewComponentSchema(c, l));
-    const a = n.toLowerCase().replace("-", "_");
-    return l && !l.id && l.type === n && (l.id = `${a}_${Math.random().toString().slice(2, 6)}`), l;
-  }
-  function N(c, n) {
-    const l = String(c.getAttribute("data-controltype")), a = c.getAttribute("data-feature"), i = a ? JSON.parse(a) : {};
-    i.parentComponentInstance = y.value;
-    let h = B(l, i);
-    e && e.onAcceptNewChildElement && (h = e.onAcceptNewChildElement(c, n, h));
-    const M = l.toLowerCase().replace("-", "_");
-    return h && !h.id && h.type === l && (h.id = `${M}_${Math.random().toString().slice(2, 6)}`), h;
-  }
-  function D(c) {
-  }
-  function P() {
-    return e && e.getPropsConfig ? e.getPropsConfig() : [];
-  }
-  return y.value = {
-    canMove: S(),
-    canSelectParent: d(),
-    canDelete: s(),
-    canNested: !u(),
-    contents: t == null ? void 0 : t.schema.contents,
-    elementRef: r,
-    parent: (C = t == null ? void 0 : t.parent) == null ? void 0 : C.componentInstance,
-    schema: t == null ? void 0 : t.schema,
-    styles: v,
-    designerClass: m,
-    canAccepts: O,
-    getBelongedComponentInstance: p,
-    getDraggableDesignItemElement: f,
-    getDraggingDisplayText: j,
-    getPropConfig: P,
-    getDragScopeElement: T,
-    onAcceptMovedChildElement: w,
-    onAcceptNewChildElement: N,
-    onChildElementMovedOut: D,
-    addNewChildComponentSchema: k,
-    updateDragAndDropRules: o,
-    triggerBelongedComponentToMoveWhenMoved: !!e && e.triggerBelongedComponentToMoveWhenMoved || g(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!e && e.triggerBelongedComponentToDeleteWhenDeleted || g(!1)
-  }, y;
-}
-const ye = /* @__PURE__ */ F({
-  name: "FStepDesign",
-  props: L,
-  emits: [],
-  setup(r, t) {
-    const e = g(r.direction), o = g(r.fill), v = g(r.height), m = g(r.steps), y = g(0), S = g(r.clickable), d = g(0), s = g(), u = H("design-item-context"), p = he(s, u);
-    J(() => {
-      s.value.componentInstance = p;
-    }), t.expose(p.value);
-    const f = E(() => ({
-      "f-progress-step-list": e.value === "horizontal",
-      "f-progress-step-list-block": e.value === "vertical",
-      "f-progress-step-horizontal-fill": e.value === "horizontal" && o.value,
-      "f-progress-step-vertical-fill": e.value === "vertical" && o.value
-    })), O = E(() => ({
-      height: e.value === "vertical" ? `${v.value}px` : ""
-    }));
-    function j(a, i) {
-      const h = {
-        step: !0,
-        active: i === y.value,
-        clickable: S.value,
-        "click-disable": a.disable,
-        current: i === y.value
-      };
-      return i < y.value && (h.finish = !0), a.status && (h[a.status] = !0), a.hasOwnProperty("class") && a.class.split(" ").reduce((M, A) => (M[A] = !0, M), h), h;
-    }
-    function T(a, i) {
-    }
-    function w(a, i) {
-      const h = {
-        "f-progressstep-row": !0,
-        "step-active": i === y.value,
-        "step-current": i === y.value
-      };
-      return i < y.value && (h["step-finish"] = !0), a.status && (h["step-" + a.status] = !0), h;
-    }
-    function k(a, i) {
-      const h = {
-        "step-icon": !0,
-        "step-success": i,
-        "k-icon": i,
-        "k-i-check": i
-      };
-      return a.hasOwnProperty("icon") && a.class.split(" ").reduce((M, A) => (M[A] = !0, M), h), h;
-    }
-    function N(a, i) {
-      const h = [];
-      return a.icon ? h.push(b("span", {
-        class: k(a, !1)
-      }, null)) : i >= y.value || i === d.value ? h.push(b("span", {
-        class: "step-icon"
-      }, [i + 1])) : h.push(b("span", {
-        class: k(a, !0)
-      }, null)), h;
-    }
-    function D(a, i) {
-      return {
-        "step-name": !0,
-        "step-name-success": i < y.value
-      };
-    }
-    function P(a, i) {
-      return b("div", {
-        class: "f-progress-step-title"
-      }, [b("p", {
-        class: D(a, i)
-      }, [a.title])]);
-    }
-    function C(a, i) {
-      return {
-        "f-progress-step-line": !0,
-        "f-progress-step-line-success": i === y.value
-      };
-    }
-    function c(a, i) {
-      return i !== m.value.length - 1;
-    }
-    const n = E(() => ({
-      triangle: !0,
-      "": e.value === "vertical"
-    }));
-    function l() {
-      return m.value.map((a, i) => b("li", {
-        class: j(a, i),
-        onClick: (h) => void 0
-      }, [b("div", {
-        class: w(a, i)
-      }, [b("div", {
-        class: "f-progress-step-content"
-      }, [N(a, i), P(a, i)]), c(a, i) && b("div", {
-        class: C(a, i)
-      }, [b("span", {
-        class: n.value
-      }, null)])])]));
-    }
-    return () => b("div", {
-      ref: s,
-      class: "f-progress-step"
-    }, [b("ul", {
-      class: f.value,
-      style: O.value
-    }, [l()])]);
-  }
-}), de = {
-  install(r) {
-    r.component($.name, $);
-  },
-  register(r, t, e) {
-    r.step = $, t.step = z;
-  },
-  registerDesigner(r, t, e) {
-    r.step = ye, t.step = z;
-  }
-};
-export {
-  $ as Step,
-  de as default,
-  z as propsResolver,
-  L as stepProps
-};

package/step/index.umd.js

@@ -1 +0,0 @@
-(function(N,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],r):(N=typeof globalThis<"u"?globalThis:N||self,r(N.step={},N.Vue,N.LodashES))})(this,function(N,r,F){"use strict";const q={},z={};function $(c){const{properties:t,title:e}=c,l=Object.keys(t).reduce((d,b)=>(d[b]=t[b].type==="object"&&t[b].properties?$(t[b]):F.cloneDeep(t[b].default),d),{});return l.id=`${e}-${Date.now()}`,l}function A(c,t={}){const e=q[c];if(e){let l=$(e);const d=z[c];return l=d?d({getSchemaByType:A},l,t):l,l}return null}function _(c,t){const e=$(t);return Object.keys(c).reduce((l,d)=>(l[d]=c[d],l),e),e}function W(c,t){return Object.keys(c).filter(l=>c[l]!=null).reduce((l,d)=>{if(t.has(d)){const b=t.get(d);if(typeof b=="string")l[b]=c[d];else{const m=b(d,c[d],c);Object.assign(l,m)}}else l[d]=c[d];return l},{})}function H(c,t,e=new Map){const l=_(c,t);return W(l,e)}function J(c={}){function t(o,u,f,h){if(typeof f=="number")return h[o].length===f;if(typeof f=="object"){const g=Object.keys(f)[0],O=f[g];if(g==="not")return Number(h[o].length)!==Number(O);if(g==="moreThan")return Number(h[o].length)>=Number(O);if(g==="lessThan")return Number(h[o].length)<=Number(O)}return!1}function e(o,u,f,h){return h[u]&&h[u].propertyValue&&String(h[u].propertyValue.value)===String(f)}const l=new Map([["length",t],["getProperty",e]]);Object.keys(c).reduce((o,u)=>(o.set(u,c[u]),o),l);function d(o,u){const f=o;return typeof u=="number"?[{target:f,operator:"length",param:null,value:Number(u)}]:typeof u=="boolean"?[{target:f,operator:"getProperty",param:o,value:!!u}]:typeof u=="object"?Object.keys(u).map(h=>{if(h==="length")return{target:f,operator:"length",param:null,value:u[h]};const g=h,O=u[h];return{target:f,operator:o,param:g,value:O}}):[]}function b(o){return Object.keys(o).reduce((f,h)=>{const g=d(h,o[h]);return f.push(...g),f},[])}function m(o,u){if(l.has(o.operator)){const f=l.get(o.operator);return f&&f(o.target,o.param,o.value,u)||!1}return!1}function j(o,u){return b(o).reduce((g,O)=>g&&m(O,u),!0)}function v(o,u){const f=Object.keys(o),h=f.includes("allOf"),g=f.includes("anyOf"),O=h||g,S=(O?o[O?h?"allOf":"anyOf":"allOf"]:[o]).map(V=>j(V,u));return h?!S.includes(!1):S.includes(!0)}return{parseValueSchema:v}}const G={},Q={};J();function U(c,t,e=new Map,l=(m,j,v)=>j,d={},b=m=>m){return q[t.title]=t,z[t.title]=l,G[t.title]=d,Q[t.title]=b,(m={})=>{const j=H(m,t,e),v=Object.keys(c).reduce((o,u)=>(o[u]=c[u].default,o),{});return Object.assign(v,j)}}function X(c,t){return{customClass:t.class}}const Y=new Map([["appearance",X]]);function Z(c,t,e){return t}const K={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/step.schema.json",title:"step",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for step",type:"string"},type:{description:"The type string of step",type:"string",default:"step"},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"]},R={title:"step",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:[]}}}}}},E={direction:{type:String,default:"horizontal"},fill:{type:Boolean,default:!1},height:{type:Number,default:0},clickable:{type:Boolean,default:!0},steps:{type:Array,default:[{id:"1",title:"审批中（示例）",description:"正在审批"},{id:"2",title:"复核中（示例）",description:"等待复核"}]},activeIndex:{type:Number,default:0},onClick:{type:Function,default:()=>{}}},B=U(E,K,Y,Z,R),P=r.defineComponent({name:"FStep",props:E,emits:["click"],setup(c,t){const e=r.ref(c.direction),l=r.ref(c.fill),d=r.ref(c.height),b=r.ref(c.steps),m=r.ref(c.clickable),j=r.ref(0),v=r.ref(c.activeIndex),o=r.computed(()=>({"f-progress-step-list":e.value==="horizontal","f-progress-step-list-block":e.value==="vertical","f-progress-step-horizontal-fill":e.value==="horizontal"&&l.value,"f-progress-step-vertical-fill":e.value==="vertical"&&l.value})),u=r.computed(()=>({height:e.value==="vertical"?`${d.value}px`:""}));function f(s,n){const i={step:!0,active:n===v.value,clickable:m.value,current:n===v.value};return n<v.value&&(i.finish=!0),i}function h(s,n){const i={step:s,stepIndex:n};t.emit("click",i)}function g(s,n){const i={"f-progressstep-row":!0,"step-active":n===v.value,"step-current":n===v.value};return n<v.value&&(i["step-finish"]=!0),i}function O(s,n){return{"step-icon":!0,"step-success":n,"f-icon":n,"f-icon-check":n}}function M(s,n){const i=[];return n>=v.value||n===j.value?i.push(r.createVNode("span",{class:"step-icon"},[n+1])):i.push(r.createVNode("span",{class:O(s,!0)},null)),i}function C(s,n){return{"step-name":!0,"step-name-success":n<v.value}}function S(s,n){return r.createVNode("div",{class:"f-progress-step-title"},[r.createVNode("p",{class:C(s,n)},[s.title])])}function T(s,n){return{"f-progress-step-line":!0,"f-progress-step-line-success":n===v.value}}function V(s,n){return n!==b.value.length-1}const w=r.computed(()=>({triangle:!0,"":e.value==="vertical"}));function k(){return b.value.map((s,n)=>r.createVNode("li",{class:f(s,n),onClick:i=>h(s,n)},[r.createVNode("div",{class:g(s,n)},[r.createVNode("div",{class:"f-progress-step-content"},[M(s,n),S(s,n)]),V(s,n)&&r.createVNode("div",{class:T(s,n)},[r.createVNode("span",{class:w.value},null)])])]))}return r.watch(()=>c.activeIndex,()=>{c.activeIndex>-1&&c.activeIndex<=b.value.length&&(v.value=c.activeIndex,k())}),()=>r.createVNode("div",{class:"f-progress-step"},[r.createVNode("ul",{class:o.value,style:u.value},[k()])])}});function x(c,t,e){var k;function l(){e!=null&&e.resolveComponentContext&&e.resolveComponentContext()}l();const d=e&&e.getStyles&&e.getStyles()||"",b=e&&e.getDesignerClass&&e.getDesignerClass()||"",m=r.ref();function j(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:e&&e.checkCanMoveComponent?e.checkCanMoveComponent():!0}function v(){return!1}function o(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:e&&e.checkCanDeleteComponent?e.checkCanDeleteComponent():!0}function u(){return(t==null?void 0:t.schema.componentType)==="frame"?!0:e&&e.hideNestedPaddingInDesginerView?e.hideNestedPaddingInDesginerView():!1}function f(s){if(!s||!s.value)return null;if(s.value.schema&&s.value.schema.type==="component")return s.value;const n=r.ref(s==null?void 0:s.value.parent),i=f(n);return i||null}function h(s=t){const{componentInstance:n,designerItemElementRef:i}=s;return!n||!n.value?null:n.value.canMove?i:h(s.parent)}function g(s){return!!e&&e.canAccepts(s)}function O(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function M(){}function C(s,n){n&&e!=null&&e.onAcceptMovedChildElement&&e.onAcceptMovedChildElement(n)}function S(s){const{componentType:n}=s;let i=A(n,s);e&&e.onResolveNewComponentSchema&&(i=e.onResolveNewComponentSchema(s,i));const a=n.toLowerCase().replace("-","_");return i&&!i.id&&i.type===n&&(i.id=`${a}_${Math.random().toString().slice(2,6)}`),i}function T(s,n){const i=String(s.getAttribute("data-controltype")),a=s.getAttribute("data-feature"),p=a?JSON.parse(a):{};p.parentComponentInstance=m.value;let y=A(i,p);e&&e.onAcceptNewChildElement&&(y=e.onAcceptNewChildElement(s,n,y));const D=i.toLowerCase().replace("-","_");return y&&!y.id&&y.type===i&&(y.id=`${D}_${Math.random().toString().slice(2,6)}`),y}function V(s){}function w(){return e&&e.getPropsConfig?e.getPropsConfig():[]}return m.value={canMove:j(),canSelectParent:v(),canDelete:o(),canNested:!u(),contents:t==null?void 0:t.schema.contents,elementRef:c,parent:(k=t==null?void 0:t.parent)==null?void 0:k.componentInstance,schema:t==null?void 0:t.schema,styles:d,designerClass:b,canAccepts:g,getBelongedComponentInstance:f,getDraggableDesignItemElement:h,getDraggingDisplayText:O,getPropConfig:w,getDragScopeElement:M,onAcceptMovedChildElement:C,onAcceptNewChildElement:T,onChildElementMovedOut:V,addNewChildComponentSchema:S,updateDragAndDropRules:l,triggerBelongedComponentToMoveWhenMoved:!!e&&e.triggerBelongedComponentToMoveWhenMoved||r.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!e&&e.triggerBelongedComponentToDeleteWhenDeleted||r.ref(!1)},m}const I=r.defineComponent({name:"FStepDesign",props:E,emits:[],setup(c,t){const e=r.ref(c.direction),l=r.ref(c.fill),d=r.ref(c.height),b=r.ref(c.steps),m=r.ref(0),j=r.ref(c.clickable),v=r.ref(0),o=r.ref(),u=r.inject("design-item-context"),f=x(o,u);r.onMounted(()=>{o.value.componentInstance=f}),t.expose(f.value);const h=r.computed(()=>({"f-progress-step-list":e.value==="horizontal","f-progress-step-list-block":e.value==="vertical","f-progress-step-horizontal-fill":e.value==="horizontal"&&l.value,"f-progress-step-vertical-fill":e.value==="vertical"&&l.value})),g=r.computed(()=>({height:e.value==="vertical"?`${d.value}px`:""}));function O(a,p){const y={step:!0,active:p===m.value,clickable:j.value,"click-disable":a.disable,current:p===m.value};return p<m.value&&(y.finish=!0),a.status&&(y[a.status]=!0),a.hasOwnProperty("class")&&a.class.split(" ").reduce((D,L)=>(D[L]=!0,D),y),y}function M(a,p){}function C(a,p){const y={"f-progressstep-row":!0,"step-active":p===m.value,"step-current":p===m.value};return p<m.value&&(y["step-finish"]=!0),a.status&&(y["step-"+a.status]=!0),y}function S(a,p){const y={"step-icon":!0,"step-success":p,"k-icon":p,"k-i-check":p};return a.hasOwnProperty("icon")&&a.class.split(" ").reduce((D,L)=>(D[L]=!0,D),y),y}function T(a,p){const y=[];return a.icon?y.push(r.createVNode("span",{class:S(a,!1)},null)):p>=m.value||p===v.value?y.push(r.createVNode("span",{class:"step-icon"},[p+1])):y.push(r.createVNode("span",{class:S(a,!0)},null)),y}function V(a,p){return{"step-name":!0,"step-name-success":p<m.value}}function w(a,p){return r.createVNode("div",{class:"f-progress-step-title"},[r.createVNode("p",{class:V(a,p)},[a.title])])}function k(a,p){return{"f-progress-step-line":!0,"f-progress-step-line-success":p===m.value}}function s(a,p){return p!==b.value.length-1}const n=r.computed(()=>({triangle:!0,"":e.value==="vertical"}));function i(){return b.value.map((a,p)=>r.createVNode("li",{class:O(a,p),onClick:y=>void 0},[r.createVNode("div",{class:C(a,p)},[r.createVNode("div",{class:"f-progress-step-content"},[T(a,p),w(a,p)]),s(a,p)&&r.createVNode("div",{class:k(a,p)},[r.createVNode("span",{class:n.value},null)])])]))}return()=>r.createVNode("div",{ref:o,class:"f-progress-step"},[r.createVNode("ul",{class:h.value,style:g.value},[i()])])}}),ee={install(c){c.component(P.name,P)},register(c,t,e){c.step=P,t.step=B},registerDesigner(c,t,e){c.step=I,t.step=B}};N.Step=P,N.default=ee,N.propsResolver=B,N.stepProps=E,Object.defineProperties(N,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/step/package.json

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