@farris/ui-vue 1.3.1 → 1.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/accordion/index.esm.js +103 -99
- package/components/accordion/index.umd.cjs +1 -1
- package/components/avatar/index.esm.js +301 -351
- package/components/avatar/index.umd.cjs +1 -1
- package/components/binding-selector/index.esm.js +444 -0
- package/components/binding-selector/index.umd.cjs +1 -0
- package/components/binding-selector/package.json +8 -0
- package/components/border-editor/index.esm.js +5 -3
- package/components/border-editor/index.umd.cjs +1 -1
- package/components/button-edit/index.esm.js +143 -139
- package/components/button-edit/index.umd.cjs +1 -1
- package/components/calendar/index.esm.js +407 -396
- package/components/calendar/index.umd.cjs +1 -1
- package/components/capsule/index.esm.js +266 -255
- package/components/capsule/index.umd.cjs +1 -1
- package/components/checkbox/index.esm.js +628 -641
- package/components/checkbox/index.umd.cjs +1 -1
- package/components/color-picker/index.esm.js +379 -374
- package/components/color-picker/index.umd.cjs +2 -2
- package/components/combo-list/index.esm.js +471 -471
- package/components/combo-list/index.umd.cjs +1 -1
- package/components/combo-tree/index.esm.js +155 -148
- package/components/combo-tree/index.umd.cjs +1 -1
- package/components/common/index.esm.js +487 -478
- package/components/common/index.umd.cjs +1 -1
- package/components/component/index.esm.js +330 -279
- package/components/component/index.umd.cjs +1 -1
- package/components/condition/index.esm.js +1171 -1277
- package/components/condition/index.umd.cjs +1 -1
- package/components/content-container/index.esm.js +220 -204
- package/components/content-container/index.umd.cjs +1 -1
- package/components/data-grid/index.esm.js +4743 -4641
- package/components/data-grid/index.umd.cjs +1 -1
- package/components/data-view/index.esm.js +2916 -3019
- package/components/data-view/index.umd.cjs +1 -1
- package/components/date-picker/index.esm.js +2375 -2590
- package/components/date-picker/index.umd.cjs +1 -1
- package/components/designer-canvas/index.css +1 -1
- package/components/designer-canvas/index.esm.js +9518 -1198
- package/components/designer-canvas/index.umd.cjs +1 -1
- package/components/designer-outline/index.esm.js +2 -1
- package/components/designer-outline/index.umd.cjs +1 -1
- package/components/drawer/index.esm.js +34 -38
- package/components/drawer/index.umd.cjs +1 -1
- package/components/dropdown/index.esm.js +149 -138
- package/components/dropdown/index.umd.cjs +2 -2
- package/components/dynamic-form/index.esm.js +1602 -1740
- package/components/dynamic-form/index.umd.cjs +1 -1
- package/components/dynamic-resolver/index.esm.js +159 -151
- package/components/dynamic-resolver/index.umd.cjs +1 -1
- package/components/dynamic-view/index.esm.js +218 -218
- package/components/dynamic-view/index.umd.cjs +1 -1
- package/components/event-parameter/index.esm.js +311 -0
- package/components/event-parameter/index.umd.cjs +1 -0
- package/components/event-parameter/package.json +8 -0
- package/components/events-editor/index.css +1 -1
- package/components/events-editor/index.esm.js +533 -563
- package/components/events-editor/index.umd.cjs +1 -1
- package/components/expression-editor/index.esm.js +95 -91
- package/components/expression-editor/index.umd.cjs +1 -1
- package/components/external-container/index.esm.js +2356 -2455
- package/components/external-container/index.umd.cjs +1 -1
- package/components/field-selector/index.esm.js +3048 -3308
- package/components/field-selector/index.umd.cjs +1 -1
- package/components/filter-bar/index.css +1 -1
- package/components/filter-bar/index.esm.js +10537 -3249
- package/components/filter-bar/index.umd.cjs +1 -1
- package/components/flow-canvas/index.css +1 -1
- package/components/flow-canvas/index.esm.js +9781 -1327
- package/components/flow-canvas/index.umd.cjs +1 -1
- package/components/image-cropper/index.esm.js +353 -341
- package/components/image-cropper/index.umd.cjs +1 -1
- package/components/input-group/index.esm.js +510 -827
- package/components/input-group/index.umd.cjs +1 -1
- package/components/layout/index.esm.js +278 -268
- package/components/layout/index.umd.cjs +1 -1
- package/components/list-nav/index.esm.js +144 -136
- package/components/list-nav/index.umd.cjs +1 -1
- package/components/list-view/index.esm.js +2139 -2237
- package/components/list-view/index.umd.cjs +1 -1
- package/components/lookup/index.esm.js +6414 -6367
- package/components/lookup/index.umd.cjs +1 -1
- package/components/mapping-editor/index.esm.js +5216 -5114
- package/components/mapping-editor/index.umd.cjs +1 -1
- package/components/message-box/index.esm.js +252 -252
- package/components/message-box/index.umd.cjs +1 -1
- package/components/modal/index.esm.js +70 -70
- package/components/modal/index.umd.cjs +1 -1
- package/components/nav/index.esm.js +486 -984
- package/components/nav/index.umd.cjs +3 -3
- package/components/number-range/index.esm.js +446 -498
- package/components/number-range/index.umd.cjs +1 -1
- package/components/number-spinner/index.esm.js +363 -388
- package/components/number-spinner/index.umd.cjs +1 -1
- package/components/order/index.esm.js +1050 -1308
- package/components/order/index.umd.cjs +1 -1
- package/components/page-footer/index.esm.js +134 -131
- package/components/page-footer/index.umd.cjs +1 -1
- package/components/page-header/index.esm.js +1072 -1082
- package/components/page-header/index.umd.cjs +1 -1
- package/components/pagination/index.esm.js +412 -910
- package/components/pagination/index.umd.cjs +1 -1
- package/components/progress/index.esm.js +214 -203
- package/components/progress/index.umd.cjs +3 -3
- package/components/property-editor/index.esm.js +1361 -1536
- package/components/property-editor/index.umd.cjs +2 -2
- package/components/property-panel/index.esm.js +650 -677
- package/components/property-panel/index.umd.cjs +1 -1
- package/components/query-solution/index.css +1 -1
- package/components/query-solution/index.esm.js +12344 -5048
- package/components/query-solution/index.umd.cjs +6 -1
- package/components/radio-button/index.esm.js +97 -97
- package/components/radio-button/index.umd.cjs +1 -1
- package/components/radio-group/index.css +1 -1
- package/components/radio-group/index.esm.js +1821 -565
- package/components/radio-group/index.umd.cjs +1 -1
- package/components/rate/index.esm.js +251 -244
- package/components/rate/index.umd.cjs +1 -1
- package/components/response-layout/index.esm.js +151 -140
- package/components/response-layout/index.umd.cjs +1 -1
- package/components/response-layout-editor/index.esm.js +707 -676
- package/components/response-layout-editor/index.umd.cjs +1 -1
- package/components/response-toolbar/index.esm.js +719 -740
- package/components/response-toolbar/index.umd.cjs +1 -1
- package/components/schema-selector/index.esm.js +4977 -5249
- package/components/schema-selector/index.umd.cjs +2 -2
- package/components/search-box/index.esm.js +145 -134
- package/components/search-box/index.umd.cjs +1 -1
- package/components/section/index.esm.js +348 -337
- package/components/section/index.umd.cjs +1 -1
- package/components/smoke-detector/index.esm.js +141 -130
- package/components/smoke-detector/index.umd.cjs +1 -1
- package/components/splitter/index.esm.js +311 -301
- package/components/splitter/index.umd.cjs +1 -1
- package/components/step/index.esm.js +231 -220
- package/components/step/index.umd.cjs +1 -1
- package/components/switch/index.esm.js +385 -432
- package/components/switch/index.umd.cjs +1 -1
- package/components/tabs/index.esm.js +1932 -1914
- package/components/tabs/index.umd.cjs +1 -1
- package/components/tags/index.esm.js +351 -340
- package/components/tags/index.umd.cjs +1 -1
- package/components/text/index.esm.js +209 -199
- package/components/text/index.umd.cjs +1 -1
- package/components/textarea/index.esm.js +388 -415
- package/components/textarea/index.umd.cjs +1 -1
- package/components/time-picker/index.esm.js +619 -666
- package/components/time-picker/index.umd.cjs +1 -1
- package/components/transfer/index.esm.js +493 -486
- package/components/transfer/index.umd.cjs +1 -1
- package/components/tree-grid/index.esm.js +3169 -3278
- package/components/tree-grid/index.umd.cjs +1 -1
- package/components/tree-view/index.esm.js +2320 -2418
- package/components/tree-view/index.umd.cjs +1 -1
- package/components/uploader/index.esm.js +563 -554
- package/components/uploader/index.umd.cjs +2 -2
- package/components/verify-detail/index.esm.js +287 -276
- package/components/verify-detail/index.umd.cjs +1 -1
- package/components/video/index.esm.js +368 -324
- package/components/video/index.umd.cjs +1 -1
- package/components/weather/index.esm.js +498 -487
- package/components/weather/index.umd.cjs +5 -5
- package/farris.all.esm.js +51302 -47651
- package/farris.all.umd.cjs +14 -9
- package/index.css +1 -1
- package/package.json +1 -1
- package/types/binding-selector/index.d.ts +55 -0
- package/types/binding-selector/src/binding-selector.component.d.ts +11 -0
- package/types/binding-selector/src/binding-selector.props.d.ts +52 -0
- package/types/binding-selector/src/components/binding-selector-container.component.d.ts +13 -0
- package/types/binding-selector/src/composition/use-field-selection.d.ts +9 -0
- package/types/combo-list/src/components/list-container.component.d.ts +6 -6
- package/types/combo-list/src/components/list-container.props.d.ts +1 -1
- package/types/combo-tree/src/components/tree-container.component.d.ts +5 -5
- package/types/common/entity/entity-schema.d.ts +26 -11
- package/types/common/index.d.ts +1 -0
- package/types/common/types.d.ts +2 -2
- package/types/condition/src/condition-fields.design.component.d.ts +18 -0
- package/types/condition/src/types.d.ts +6 -6
- package/types/data-grid/src/composition/data-grid-component-creator.service.d.ts +20 -0
- package/types/data-grid/src/{designer/data-grid-column.props.d.ts → data-grid-column.props.d.ts} +1 -1
- package/types/data-grid/src/data-grid.props.d.ts +2 -2
- package/types/data-grid/src/designer/grid-field-editor.component.d.ts +14 -14
- package/types/data-grid/src/schema/schema-resolver.d.ts +1 -1
- package/types/data-view/composition/types.d.ts +2 -2
- package/types/date-picker/src/components/calendar/calendar.component.d.ts +3 -3
- package/types/date-picker/src/components/month/month.component.d.ts +3 -3
- package/types/date-picker/src/components/year/year.component.d.ts +3 -3
- package/types/designer-canvas/index.d.ts +2 -1
- package/types/designer-canvas/src/composition/dg-control.d.ts +5 -0
- package/types/designer-canvas/src/composition/function/drag-resolve.d.ts +5 -0
- package/types/designer-canvas/src/composition/types.d.ts +49 -40
- package/types/designer-canvas/src/types.d.ts +8 -20
- package/types/dynamic-form/index.d.ts +1 -1
- package/types/dynamic-form/src/designer/form-group-use-designer-rules.d.ts +3 -0
- package/types/dynamic-form/src/schema/{schema-resolver.d.ts → response-form-schema-resolver.d.ts} +1 -1
- package/types/dynamic-form/src/types.d.ts +1 -1
- package/types/dynamic-resolver/src/common/toolbar-resolver.d.ts +5 -0
- package/types/dynamic-resolver/src/converter/row-number.converter.d.ts +3 -0
- package/types/entity-binding-selector/composition/use-entity-tree.d.ts +7 -0
- package/types/entity-binding-selector/entity-binding-selector.component.d.ts +11 -0
- package/types/entity-binding-selector/entity-binding-selector.props.d.ts +3 -0
- package/types/enum-editor/src/components/enum-editor-container.component.d.ts +3 -3
- package/types/enum-editor/src/enum-editor.component.d.ts +3 -3
- package/types/event-parameter/index.d.ts +31 -0
- package/types/event-parameter/src/composition/type.d.ts +77 -0
- package/types/event-parameter/src/composition/use-editor-combotree.d.ts +3 -0
- package/types/event-parameter/src/composition/use-editor-input.d.ts +3 -0
- package/types/event-parameter/src/composition/use-editor-select.d.ts +3 -0
- package/types/event-parameter/src/composition/use-editor-switch.d.ts +3 -0
- package/types/event-parameter/src/composition/use-editor.d.ts +3 -0
- package/types/event-parameter/src/event-parameter.component.d.ts +8 -0
- package/types/event-parameter/src/event-parameter.props.d.ts +34 -0
- package/types/external-container/src/designer/import-external-schema.component.d.ts +1 -1
- package/types/field-selector/src/field-selector.component.d.ts +1 -2
- package/types/field-selector/src/field-selector.props.d.ts +0 -9
- package/types/input-group/src/designer/use-input-group-rules.d.ts +1 -2
- package/types/list-view/src/designer/list-view-table.design.component.d.ts +15 -0
- package/types/list-view/src/list-view-table.component.d.ts +15 -0
- package/types/lookup/src/composition/use-user-data.d.ts +2 -2
- package/types/lookup/src/property-config/lookup.property-config.d.ts +2 -6
- package/types/modal/src/composition/modal.service.d.ts +2 -1
- package/types/page-header/src/designer/page-header.design.component.d.ts +1 -1
- package/types/page-header/src/page-header.component.d.ts +1 -1
- package/types/property-panel/index.d.ts +2 -1
- package/types/property-panel/src/composition/entity/property-entity.d.ts +1 -1
- package/types/property-panel/src/composition/type.d.ts +0 -13
- package/types/query-solution/src/composition/types.d.ts +35 -4
- package/types/query-solution/src/composition/use-header.d.ts +21 -0
- package/types/query-solution/src/composition/{use-filter.d.ts → use-http.d.ts} +2 -2
- package/types/query-solution/src/composition/use-solution.d.ts +20 -0
- package/types/query-solution/src/designer/query-solution-config/composition/types.d.ts +17 -16
- package/types/query-solution/src/designer/query-solution-config/query-solution-config.props.d.ts +14 -14
- package/types/query-solution/src/property-config/query-solution.property-config.d.ts +3 -51
- package/types/query-solution/src/query-solution.d.ts +10 -2
- package/types/radio-group/src/designer/item-collection-editor-inner.component.d.ts +29 -0
- package/types/radio-group/src/designer/item-collection-editor.component.d.ts +29 -0
- package/types/radio-group/src/designer/item-collection-editor.props.d.ts +21 -0
- package/types/radio-group/src/schema/schema-mapper.d.ts +1 -0
- package/types/radio-group/src/schema/schema-resolver.d.ts +1 -0
- package/types/response-toolbar/src/property-config/response-toolbar.property-config.d.ts +1 -0
- package/types/section/src/property-config/section.property-config.d.ts +17 -17
- package/types/section/src/schema/schema-resolver.d.ts +1 -2
- package/types/section/src/schema/toolbar-resolver.d.ts +1 -1
- package/types/tabs/src/composition/types.d.ts +4 -1
- package/types/tabs/src/property-config/tab-page.property-config.d.ts +9 -59
- package/types/tabs/src/property-config/tabs.property-config.d.ts +8 -71
- package/types/tabs/src/schema/schema-resolver.d.ts +1 -2
- package/types/text/src/composition/types.d.ts +4 -4
- package/types/textarea/src/property-config/textarea.property-config.d.ts +23 -0
- package/types/weather/src/composition/use-weather-charts.d.ts +15 -0
- package/types/weather/src/composition/use-weather-color.d.ts +15 -0
- package/types/weather/src/composition/use-weather-data.d.ts +15 -0
- package/types/weather/src/composition/use-weather-format-number.d.ts +15 -0
- package/types/property-panel/src/composition/entity/use-input-rules.d.ts +0 -3
- package/types/tree-grid/src/schema/column-resolver.d.ts +0 -3
- package/types/weather/src/composition/types.d.ts +0 -2
- /package/types/dynamic-form/src/designer/{use-designer-rules.d.ts → response-form-use-designer-rules.d.ts} +0 -0
- /package/types/dynamic-form/src/property-config/{form.property-config.d.ts → response-form.property-config.d.ts} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
(function($,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue"),require("lodash-es"),require("bignumber.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","bignumber.js"],a):($=typeof globalThis<"u"?globalThis:$||self,a($.layout={},$.Vue,$.LodashES))})(this,function($,a,H){"use strict";const V={},F={};function N(t){const{properties:e,title:n,ignore:o}=t,l=o&&Array.isArray(o),s=Object.keys(e).reduce((p,v)=>((!l||!o.find(z=>z==v))&&(p[v]=e[v].type==="object"&&e[v].properties?N(e[v]):H.cloneDeep(e[v].default)),p),{});return n&&(!l||!o.find(p=>p=="id"))&&(s.id=`${n}-${Date.now()}`),s}function q(t,e={},n){const o=V[t];if(o){let l=N(o);const s=F[t];return l=s?s({getSchemaByType:q},l,e,n):l,l}return null}function Q(t,e){const n=N(e);return Object.keys(t).reduce((o,l)=>(o[l]&&H.isPlainObject(o[l])&&H.isPlainObject(t[l])?Object.assign(o[l],t[l]):o[l]=t[l],o),n),n}function Z(t,e){return Object.keys(t).filter(o=>t[o]!=null).reduce((o,l)=>{if(e.has(l)){const s=e.get(l);if(typeof s=="string")o[s]=t[l];else{const p=s(l,t[l],t);Object.assign(o,p)}}else o[l]=t[l];return o},{})}function x(t,e,n=new Map){const o=Q(t,e);return Z(o,n)}function K(t={}){function e(r,y,c,b){if(typeof c=="number")return b[r].length===c;if(typeof c=="object"){const P=Object.keys(c)[0],j=c[P];if(P==="not")return Number(b[r].length)!==Number(j);if(P==="moreThan")return Number(b[r].length)>=Number(j);if(P==="lessThan")return Number(b[r].length)<=Number(j)}return!1}function n(r,y,c,b){return b[r]&&b[r].propertyValue&&String(b[r].propertyValue.value)===String(c)}const o=new Map([["length",e],["getProperty",n]]);Object.keys(t).reduce((r,y)=>(r.set(y,t[y]),r),o);function l(r,y){const c=r;return typeof y=="number"?[{target:c,operator:"length",param:null,value:Number(y)}]:typeof y=="boolean"?[{target:c,operator:"getProperty",param:r,value:!!y}]:typeof y=="object"?Object.keys(y).map(b=>{if(b==="length")return{target:c,operator:"length",param:null,value:y[b]};const P=b,j=y[b];return{target:c,operator:"getProperty",param:P,value:j}}):[]}function s(r){return Object.keys(r).reduce((c,b)=>{const P=l(b,r[b]);return c.push(...P),c},[])}function p(r,y){if(o.has(r.operator)){const c=o.get(r.operator);return c&&c(r.target,r.param,r.value,y)||!1}return!1}function v(r,y){return s(r).reduce((P,j)=>P&&p(j,y),!0)}function z(r,y){const c=Object.keys(r),b=c.includes("allOf"),P=c.includes("anyOf"),j=b||P,f=(j?r[j?b?"allOf":"anyOf":"allOf"]:[r]).map(d=>v(d,y));return b?!f.includes(!1):f.includes(!0)}return{parseValueSchema:z}}const R={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"},fieldset:{type:"fieldset",name:"分组",icon:"fieldset"}},I={},ee={};K();function W(t,e,n=new Map,o=(p,v,z)=>v,l={},s=p=>p){return V[e.title]=e,F[e.title]=o,I[e.title]=l,ee[e.title]=s,(p={})=>{const v=x(p,e,n),z=Object.keys(t).reduce((r,y)=>(r[y]=t[y].default,r),{});return Object.assign(z,v)}}function te(t,e){return{customClass:e.class,customStyle:e.style}}const G=new Map([["appearance",te]]);function Y(t,e,n){return e}const ne={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/layout.schema.json",title:"layout",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for layout component",type:"string"},type:{description:"The type string of layout component",type:"string",default:"layout"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},collapsable:{description:"",type:"boolean",default:!1},resizable:{description:"",type:"boolean",default:!0},visible:{description:"",type:"boolean",default:!0}},required:["id","type","contents"]},oe={title:"layout",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"类型",title:"类型",type:"string",readonly:!0}}},behavior:{description:"Basic Infomation",title:"行为",properties:{collapsable:{description:"",title:"可收折",type:"boolean"},resizable:{description:"",title:"可调整尺寸",type:"boolean"}}}}},S={customStyle:{type:String,defaut:""},customClass:{type:String,defaut:""}},E=W(S,ne,G,Y,oe);function X(t){const e=a.ref(-1),n=a.ref(-1),o=a.ref(0),l=a.ref(0),s=a.ref(!1),p=a.ref(!1),v=a.computed(()=>({display:s.value?"block":"none",left:`${o.value}px`,cursor:"e-resize"})),z=a.computed(()=>({display:p.value?"block":"none",top:`${l.value}px`,cursor:"n-resize"})),r=a.computed(()=>({display:p.value||s.value?"block":"none"}));function y(g,f,m,d){const O=t.value;if(O){const{left:i,right:u,width:w}=O.getBoundingClientRect();let h=g.clientX-i;d==="right"&&(h=u-g.clientX),h>f&&(h=f),h<m&&(h=m),d==="right"&&(h=w-h),o.value=h}}function c(g,f,m,d){const O=t.value;if(O){const{top:i,bottom:u,height:w}=O.getBoundingClientRect();let h=g.clientY-i;d==="bottom"&&(h=u-g.clientY),h>f&&(h=f),h<m&&(h=m),d==="bottom"&&(h=w-h),l.value=h}}function b(){const g=t.value;if(g){const{width:f,height:m}=g.getBoundingClientRect();return{width:f,height:m}}return null}function P(){const g=t.value;return g?Array.from(g.querySelectorAll("[data-position]")).reduce((f,m)=>{const d=m.getAttribute("data-position");return f=Object.assign(f,{[d]:m}),f},{}):null}function j(g,f){const m=b(),d=P();if(m&&d){const O=d==null?void 0:d.right,i=d==null?void 0:d.left;if(g==="left"&&i)return O?m.width-O.clientWidth-f:m.width-f;if(g==="right"&&O)return i?m.width-i.clientWidth-f:m.width-f}}function C(g,f){const m=b(),d=P();if(m&&d){const O=d==null?void 0:d.bottom,i=d==null?void 0:d.top;if(g==="top"&&i)return O?m.height-O.clientHeight-f:m.height-f;if(g==="bottom"&&O)return i?m.height-i.clientHeight-f:m.height-f}}return{horizontalResizeHandleStyle:v,verticalResizeHandleStyle:z,resizeOverlayStyle:r,showHorizontalResizeHandle:s,showVerticalResizeHandle:p,horizontalResizeBarPosition:e,verticalResizeBarPosition:n,verticalResizeHandleOffset:l,horizontalResizeHandleOffset:o,draggingHorizontalResizeHandle:y,draggingVerticalResizeHandle:c,getPanelMaxHeight:C,getPanelMaxWidth:j}}const ae=["moz","ms","webkit"];function ie(){let t=0;return e=>{const n=new Date().getTime(),o=Math.max(0,16-(n-t)),l=setTimeout(()=>{e(n+o)},o);return t=n+o,l}}function re(){if(typeof window>"u")return()=>0;if(window.requestAnimationFrame)return window.requestAnimationFrame.bind(window);const t=ae.filter(e=>`${e}RequestAnimationFrame`in window)[0];return t?window[`${t}RequestAnimationFrame`]:ie()}re();function le(t,e){return((e==null?void 0:e.split(" "))||[]).reduce((o,l)=>(l&&(o[l]=!0),o),t),t}function se(t,e){return((e==null?void 0:e.split(";"))||[]).reduce((o,l)=>{if(l){const s=l.split(":");o[s[0]]=s[1]}return o},t),t}const k=a.defineComponent({name:"FLayout",props:S,emits:[],setup(t,e){const n=a.ref(),o=X(n),{horizontalResizeHandleStyle:l,verticalResizeHandleStyle:s,resizeOverlayStyle:p}=o;a.provide("layout",{useResizeHandleComposition:o});const v=a.computed(()=>le({"f-layout":!0},t==null?void 0:t.customClass)),z=a.computed(()=>se({},t==null?void 0:t.customStyle));return()=>a.createVNode("div",{class:v.value,style:z.value,ref:n},[e.slots.default&&e.slots.default(),a.createVNode("div",{class:"f-layout-resize-overlay",style:p.value},null),a.createVNode("div",{class:"f-layout-horizontal-resize-proxy",style:l.value},null),a.createVNode("div",{class:"f-layout-vertical-resize-proxy",style:s.value},null)])}}),ce={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/layout-pane.schema.json",title:"layout-pane",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a layout pane",type:"string"},type:{description:"The type string of layout paney",type:"string",default:"layout-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}}},ue={title:"layout-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:"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:[{id:"left",name:"左侧"},{id:"center",name:"居中"},{id:"right",name:"右侧"},{id:"top",name:"顶部"},{id:"bottom",name:"底部"}]}},resizeable:{description:"",type:"boolean",title:"允许调整尺寸"},visible:{description:"运行时组件是否可见",type:"boolean",title:"是否可见"}}}}},A={customClass:{type:String,defaut:""},customStyle:{type:String,defaut:""},width:{type:Number,default:-1},height:{type:Number,default:-1},position:{type:String,default:"left"},visible:{type:Boolean,default:!0},resizable:{type:Boolean,default:!0},collapsable:{type:Boolean,default:!1},minWidth:{type:Number,default:100},minHeight:{type:Number,default:100}},_=W(A,ce,G,Y,ue);function U(t,e,n,o,l){const{horizontalResizeBarPosition:s,horizontalResizeHandleOffset:p,showHorizontalResizeHandle:v,showVerticalResizeHandle:z,verticalResizeBarPosition:r,verticalResizeHandleOffset:y,draggingHorizontalResizeHandle:c,draggingVerticalResizeHandle:b,getPanelMaxHeight:P,getPanelMaxWidth:j}=l;let C="",g,f,m;function d(u){if((C==="left"||C==="right")&&f){const{left:w}=f.getBoundingClientRect(),{width:h}=g.getBoundingClientRect(),T=u.clientX-w;let B=C==="left"?(h||0)+(T-s.value):(h||0)-(T-s.value);B=n.value>0?Math.max(n.value,B):B;const M=j(C,n.value);M!=null&&(B=M>B?B:M),t.value=B}if((C==="top"||C==="bottom")&&f){const{top:w}=f.getBoundingClientRect(),{height:h}=g.getBoundingClientRect(),T=u.clientY-w;let B=C==="top"?(h||0)+(T-r.value):(h||0)-(T-r.value);B=o.value>0?Math.max(o.value,B):B;const M=P(C,o.value);M!=null&&(B=M>B?B:M),e.value=B}p.value=0,y.value=0,s.value=-1,r.value=-1,v.value=!1,z.value=!1,document.removeEventListener("mousemove",m),document.removeEventListener("mouseup",d),document.body.style.userSelect="",C="",g=null,f=null}function O(u,w,h){if(C=w,g=h,v.value=!0,f=u.composedPath().find(B=>(B.className||"").split(" ")[0]==="f-layout"),f){const{left:B}=f.getBoundingClientRect(),M=u.clientX-B;p.value=M,s.value=M;const L=j(C,n.value)||0;m=he=>c(he,L,n.value,C),document.addEventListener("mousemove",m),document.addEventListener("mouseup",d),document.body.style.userSelect="none"}}function i(u,w,h){if(C=w,g=h,z.value=!0,f=u.composedPath().find(B=>(B.className||"").split(" ")[0]==="f-layout"),f){const{top:B}=f.getBoundingClientRect();y.value=u.clientY-B,r.value=u.clientY-B;const M=P(C,o.value)||0;m=L=>b(L,M,o.value,C),document.addEventListener("mousemove",m),document.addEventListener("mouseup",d),document.body.style.userSelect="none"}}return{onClickHorizontalResizeBar:O,onClickVerticalResizeBar:i}}const D=a.defineComponent({name:"FLayoutPane",props:A,emits:[],setup(t,e){const n=a.ref(t.minHeight<=0?100:t.minHeight),o=a.ref(t.minWidth<=0?100:t.minWidth),l=a.ref(t.width<=0?100:t.width),s=a.ref(t.height<=100?100:t.height),p=a.ref(Math.max(n.value,s.value)),v=a.ref(Math.max(o.value,l.value)),z=a.ref(),r=a.ref(t.position),y=a.ref(t.resizable);a.watch(()=>t.resizable,i=>{y.value=i});const c=a.inject("layout"),{useResizeHandleComposition:b}=c,P=U(v,p,o,n,b),{onClickHorizontalResizeBar:j,onClickVerticalResizeBar:C}=P,g=a.computed(()=>({"f-layout-resize-bar":!0,"f-layout-resize-bar-e":r.value==="left","f-layout-resize-bar-n":r.value==="bottom","f-layout-resize-bar-s":r.value==="top","f-layout-resize-bar-w":r.value==="right"})),f=a.computed(()=>r.value!=="center"&&y.value);function m(i,u){(u==="left"||u==="right")&&j(i,u,z.value),(u==="top"||u==="bottom")&&C(i,u,z.value)}const d=a.computed(()=>{const i={"f-layout-pane":!0,"f-page-content-nav":r.value==="left"||r.value==="right","f-page-content-main":r.value==="center"};return t.customClass&&String(t.customClass).split(" ").reduce((u,w)=>(u[w]=!0,u),i),i}),O=a.computed(()=>{const i={};return(v.value&&r.value==="left"||r.value==="right")&&(i.width=`${v.value}px`),(p.value&&r.value==="bottom"||r.value==="top")&&(i.height=`${p.value}px`),t.visible||(i.display="none"),i});return()=>a.createVNode("div",{ref:z,class:d.value,style:O.value,"data-position":r.value},[e.slots.default&&e.slots.default(),f.value&&a.createVNode("span",{class:g.value,onMousedown:i=>m(i,r.value)},null)])}});function pe(t,e){function n(){return!1}return{canAccepts:n}}function J(t,e,n){var O;function o(){n!=null&&n.resolveComponentContext&&n.resolveComponentContext()}o();const l=n&&n.getStyles&&n.getStyles()||"",s=n&&n.getDesignerClass&&n.getDesignerClass()||"",p=a.ref();function v(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:n&&n.checkCanMoveComponent?n.checkCanMoveComponent():!0}function z(){return!1}function r(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:n&&n.checkCanDeleteComponent?n.checkCanDeleteComponent():!0}function y(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:n&&n.hideNestedPaddingInDesginerView?n.hideNestedPaddingInDesginerView():!1}function c(i){if(!i||!i.value)return null;if(i.value.schema&&i.value.schema.type==="component")return i.value;const u=a.ref(i==null?void 0:i.value.parent),w=c(u);return w||null}function b(i=e){const{componentInstance:u,designerItemElementRef:w}=i;return!u||!u.value?null:u.value.canMove?w:b(i.parent)}function P(i){return!!n&&n.canAccepts(i)}function j(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function C(){}function g(i,u){u&&n!=null&&n.onAcceptMovedChildElement&&n.onAcceptMovedChildElement(u)}function f(i,u){const{componentType:w}=i;let h=q(w,i,u);n&&n.onResolveNewComponentSchema&&(h=n.onResolveNewComponentSchema(i,h));const T=w.toLowerCase().replace("-","_");return h&&!h.id&&h.type===w&&(h.id=`${T}_${Math.random().toString().slice(2,6)}`),h}function m(i){}function d(...i){if(n&&n.getPropsConfig)return n.getPropsConfig(...i)}return p.value={canMove:v(),canSelectParent:z(),canDelete:r(),canNested:!y(),contents:e==null?void 0:e.schema.contents,elementRef:t,parent:(O=e==null?void 0:e.parent)==null?void 0:O.componentInstance,schema:e==null?void 0:e.schema,styles:l,designerClass:s,canAccepts:P,getBelongedComponentInstance:c,getDraggableDesignItemElement:b,getDraggingDisplayText:j,getPropConfig:d,getDragScopeElement:C,onAcceptMovedChildElement:g,onChildElementMovedOut:m,addNewChildComponentSchema:f,updateDragAndDropRules:o,triggerBelongedComponentToMoveWhenMoved:!!n&&n.triggerBelongedComponentToMoveWhenMoved||a.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!n&&n.triggerBelongedComponentToDeleteWhenDeleted||a.ref(!1)},p}const fe=a.defineComponent({name:"FLayoutDesign",props:S,emits:[],setup(t,e){var y;const n=a.ref(),o=a.inject("design-item-context"),l=pe(o.schema,(y=o.parent)==null?void 0:y.schema),s=J(n,o,l);s.value.canNested=!1;const p=X(n),{horizontalResizeHandleStyle:v,verticalResizeHandleStyle:z,resizeOverlayStyle:r}=p;return a.provide("layout",{useResizeHandleComposition:p}),a.onMounted(()=>{n.value.componentInstance=s}),e.expose(s.value),()=>a.createVNode("div",{class:"f-layout f-page-content",ref:n},[e.slots.default&&e.slots.default(),a.createVNode("div",{class:"f-layout-resize-overlay",style:r.value},null),a.createVNode("div",{class:"f-layout-horizontal-resize-proxy",style:v.value},null),a.createVNode("div",{class:"f-layout-vertical-resize-proxy",style:z.value},null)])}});function ye(){function t(e,n){var p;if(!e)return!1;const o=((p=e.targetContainer)==null?void 0:p.componentInstance)&&e.targetContainer.componentInstance.value;if(!o)return!1;const l=o.schema.type,s=n==null?void 0:n.formSchemaUtils.getComponentById(o.belongedComponentId);return!((e.controlCategory==="input"||e.controlType==="form-group")&&![R["response-layout-item"].type,R["response-form"].type].includes(l)||(e.controlType===R.tabs.type||e.controlType===R.section.type)&&((s==null?void 0:s.componentType)!=="frame"||![R["content-container"].type,R["splitter-pane"].type,R["response-layout-item"].type].includes(l)))}return{basalDragulaRuleForContainer:t}}function me(t,e){const n=t.schema;function o(s){return!!ye().basalDragulaRuleForContainer(s)}function l(){const s=["f-layout-pane"];return(n.position==="left"||n.position==="right")&&s.push("f-page-content-nav"),n.position==="center"&&s.push("f-page-content-main"),s.join(" ")}return{canAccepts:o,getDesignerClass:l}}const de=a.defineComponent({name:"FLayoutPaneDesign",props:A,emits:[],setup(t,e){const n=a.ref(),o=a.ref();a.inject("designer-host-service");const l=a.inject("design-item-context"),s=me(l),p=J(o,l,s);p.value.canNested=!1,p.value.canMove=!1,p.value.canDelete=!1,a.onMounted(()=>{o.value.componentInstance=p}),e.expose(p.value);const v=a.ref(Math.max(t.minHeight,t.height)),z=a.ref(Math.max(t.minWidth,t.width)),r=a.ref(t.minHeight),y=a.ref(t.minWidth),c=a.ref(t.position),b=a.inject("layout"),{useResizeHandleComposition:P}=b,j=U(z,v,y,r,P),{onClickHorizontalResizeBar:C,onClickVerticalResizeBar:g}=j,f=a.computed(()=>({"f-layout-resize-bar":!0,"f-layout-resize-bar-e":c.value==="left","f-layout-resize-bar-n":c.value==="bottom","f-layout-resize-bar-s":c.value==="top","f-layout-resize-bar-w":c.value==="right"}));function m(i,u){(u==="left"||u==="right")&&C(i,u,n.value),(u==="top"||u==="bottom")&&g(i,u,n.value)}const d=a.computed(()=>{const i={"f-layout-pane":!0,"f-page-content-nav":c.value==="left"||c.value==="right","f-page-content-main":c.value==="center"};return t.customClass&&String(t.customClass).split(" ").reduce((u,w)=>(u[w]=!0,u),i),i}),O=a.computed(()=>{const i={flex:"1"};return(z.value&&c.value==="left"||c.value==="right")&&(i.width=`${z.value}px`),(v.value&&c.value==="bottom"||c.value==="top")&&(i.height=`${v.value}px`),i});return()=>a.createVNode("div",{ref:n,class:d.value,style:O.value},[a.createVNode("div",{ref:o,class:"drag-container","data-dragref":`${l.schema.id}-container`},[e.slots.default&&e.slots.default()]),a.createVNode("span",{class:f.value,onMousedown:i=>m(i,c.value)},null)])}});k.install=t=>{t.component(k.name,k),t.component(D.name,D)},k.register=(t,e,n,o)=>{t.layout=k,e.layout=E,t["layout-pane"]=D,e["layout-pane"]=_},k.registerDesigner=(t,e,n)=>{t.layout=fe,e.layout=E,t["layout-pane"]=de,e["layout-pane"]=_},$.FLayout=k,$.FLayoutPane=D,$.default=k,$.layoutProps=S,$.layoutPropsResolver=E,Object.defineProperties($,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
1
|
+
(function($,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("lodash-es"),require("bignumber.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","bignumber.js"],o):($=typeof globalThis<"u"?globalThis:$||self,o($.layout={},$.Vue,$.LodashES))})(this,function($,o,D){"use strict";const V={},F={};function N(t){const{properties:e,title:n,ignore:a}=t,l=a&&Array.isArray(a),s=Object.keys(e).reduce((p,g)=>((!l||!a.find(P=>P===g))&&(p[g]=e[g].type==="object"&&e[g].properties?N(e[g]):D.cloneDeep(e[g].default)),p),{});if(n&&(!l||!a.find(p=>p==="id"))){const p=n.toLowerCase().replace(/-/g,"_");s.id=`${p}_${Math.random().toString().slice(2,6)}`}return s}function q(t,e={},n){const a=V[t];if(a){let l=N(a);const s=F[t];return l=s?s({getSchemaByType:q},l,e,n):l,l}return null}function J(t,e){const n=N(e);return Object.keys(n).reduce((a,l)=>(a[l]&&D.isPlainObject(a[l])&&D.isPlainObject(t[l]||!t[l])?Object.assign(a[l],t[l]||{}):a[l]=t[l],a),n),n}function Z(t,e){return Object.keys(t).filter(a=>t[a]!=null).reduce((a,l)=>{if(e.has(l)){const s=e.get(l);if(typeof s=="string")a[s]=t[l];else{const p=s(l,t[l],t);Object.assign(a,p)}}else a[l]=t[l];return a},{})}function x(t,e,n=new Map){const a=J(t,e);return Z(a,n)}function K(t={}){function e(r,y,u,v){if(typeof u=="number")return v[r].length===u;if(typeof u=="object"){const C=Object.keys(u)[0],R=u[C];if(C==="not")return Number(v[r].length)!==Number(R);if(C==="moreThan")return Number(v[r].length)>=Number(R);if(C==="lessThan")return Number(v[r].length)<=Number(R)}return!1}function n(r,y,u,v){return v[r]&&v[r].propertyValue&&String(v[r].propertyValue.value)===String(u)}const a=new Map([["length",e],["getProperty",n]]);Object.keys(t).reduce((r,y)=>(r.set(y,t[y]),r),a);function l(r,y){const u=r;return typeof y=="number"?[{target:u,operator:"length",param:null,value:Number(y)}]:typeof y=="boolean"?[{target:u,operator:"getProperty",param:r,value:!!y}]:typeof y=="object"?Object.keys(y).map(v=>{if(v==="length")return{target:u,operator:"length",param:null,value:y[v]};const C=v,R=y[v];return{target:u,operator:"getProperty",param:C,value:R}}):[]}function s(r){return Object.keys(r).reduce((u,v)=>{const C=l(v,r[v]);return u.push(...C),u},[])}function p(r,y){if(a.has(r.operator)){const u=a.get(r.operator);return u&&u(r.target,r.param,r.value,y)||!1}return!1}function g(r,y){return s(r).reduce((C,R)=>C&&p(R,y),!0)}function P(r,y){const u=Object.keys(r),v=u.includes("allOf"),C=u.includes("anyOf"),R=v||C,f=(R?r[R?v?"allOf":"anyOf":"allOf"]:[r]).map(h=>g(h,y));return v?!f.includes(!1):f.includes(!0)}return{parseValueSchema:P}}const T={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"},fieldset:{type:"fieldset",name:"分组",icon:"fieldset"},"query-solution":{type:"query-solution",name:"筛选方案",icon:"QueryScheme"}},I={},ee={};K();function W(t,e,n=new Map,a=(p,g,P,r)=>g,l={},s=p=>p){return V[e.title]=e,F[e.title]=a,I[e.title]=l,ee[e.title]=s,(p={})=>{const g=x(p,e,n),P=Object.keys(t).reduce((r,y)=>(r[y]=t[y].default,r),{});return Object.assign(P,g)}}function te(t,e){return{customClass:e.class,customStyle:e.style}}const _=new Map([["appearance",te]]);function G(t,e,n){return e}const ne={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/layout.schema.json",title:"layout",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for layout component",type:"string"},type:{description:"The type string of layout component",type:"string",default:"layout"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},collapsable:{description:"",type:"boolean",default:!1},resizable:{description:"",type:"boolean",default:!0},visible:{description:"",type:"boolean",default:!0}},required:["id","type","contents"]},oe={title:"layout",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"类型",title:"类型",type:"string",readonly:!0}}},behavior:{description:"Basic Infomation",title:"行为",properties:{collapsable:{description:"",title:"可收折",type:"boolean"},resizable:{description:"",title:"可调整尺寸",type:"boolean"}}}}},k={customStyle:{type:String,defaut:""},customClass:{type:String,defaut:""}},L=W(k,ne,_,G,oe);function Y(t){const e=o.ref(-1),n=o.ref(-1),a=o.ref(0),l=o.ref(0),s=o.ref(!1),p=o.ref(!1),g=o.computed(()=>({display:s.value?"block":"none",left:`${a.value}px`,cursor:"e-resize"})),P=o.computed(()=>({display:p.value?"block":"none",top:`${l.value}px`,cursor:"n-resize"})),r=o.computed(()=>({display:p.value||s.value?"block":"none"}));function y(b,f,d,h){const O=t.value;if(O){const{left:i,right:c,width:z}=O.getBoundingClientRect();let m=b.clientX-i;h==="right"&&(m=c-b.clientX),m>f&&(m=f),m<d&&(m=d),h==="right"&&(m=z-m),a.value=m}}function u(b,f,d,h){const O=t.value;if(O){const{top:i,bottom:c,height:z}=O.getBoundingClientRect();let m=b.clientY-i;h==="bottom"&&(m=c-b.clientY),m>f&&(m=f),m<d&&(m=d),h==="bottom"&&(m=z-m),l.value=m}}function v(){const b=t.value;if(b){const{width:f,height:d}=b.getBoundingClientRect();return{width:f,height:d}}return null}function C(){const b=t.value;return b?Array.from(b.querySelectorAll("[data-position]")).reduce((f,d)=>{const h=d.getAttribute("data-position");return f=Object.assign(f,{[h]:d}),f},{}):null}function R(b,f){const d=v(),h=C();if(d&&h){const O=h==null?void 0:h.right,i=h==null?void 0:h.left;if(b==="left"&&i)return O?d.width-O.clientWidth-f:d.width-f;if(b==="right"&&O)return i?d.width-i.clientWidth-f:d.width-f}}function w(b,f){const d=v(),h=C();if(d&&h){const O=h==null?void 0:h.bottom,i=h==null?void 0:h.top;if(b==="top"&&i)return O?d.height-O.clientHeight-f:d.height-f;if(b==="bottom"&&O)return i?d.height-i.clientHeight-f:d.height-f}}return{horizontalResizeHandleStyle:g,verticalResizeHandleStyle:P,resizeOverlayStyle:r,showHorizontalResizeHandle:s,showVerticalResizeHandle:p,horizontalResizeBarPosition:e,verticalResizeBarPosition:n,verticalResizeHandleOffset:l,horizontalResizeHandleOffset:a,draggingHorizontalResizeHandle:y,draggingVerticalResizeHandle:u,getPanelMaxHeight:w,getPanelMaxWidth:R}}const ae=["moz","ms","webkit"];function ie(){let t=0;return e=>{const n=new Date().getTime(),a=Math.max(0,16-(n-t)),l=setTimeout(()=>{e(n+a)},a);return t=n+a,l}}function re(){if(typeof window>"u")return()=>0;if(window.requestAnimationFrame)return window.requestAnimationFrame.bind(window);const t=ae.filter(e=>`${e}RequestAnimationFrame`in window)[0];return t?window[`${t}RequestAnimationFrame`]:ie()}re();function le(t,e){return((e==null?void 0:e.split(" "))||[]).reduce((a,l)=>(l&&(a[l]=!0),a),t),t}function se(t,e){return((e==null?void 0:e.split(";"))||[]).reduce((a,l)=>{if(l){const s=l.split(":");a[s[0]]=s[1]}return a},t),t}const M=o.defineComponent({name:"FLayout",props:k,emits:[],setup(t,e){const n=o.ref(),a=Y(n),{horizontalResizeHandleStyle:l,verticalResizeHandleStyle:s,resizeOverlayStyle:p}=a;o.provide("layout",{useResizeHandleComposition:a});const g=o.computed(()=>le({"f-layout":!0},t==null?void 0:t.customClass)),P=o.computed(()=>se({},t==null?void 0:t.customStyle));return()=>o.createVNode("div",{class:g.value,style:P.value,ref:n},[e.slots.default&&e.slots.default(),o.createVNode("div",{class:"f-layout-resize-overlay",style:p.value},null),o.createVNode("div",{class:"f-layout-horizontal-resize-proxy",style:l.value},null),o.createVNode("div",{class:"f-layout-vertical-resize-proxy",style:s.value},null)])}}),ce={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/layout-pane.schema.json",title:"layout-pane",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a layout pane",type:"string"},type:{description:"The type string of layout paney",type:"string",default:"layout-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}}},ue={title:"layout-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:"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:[{id:"left",name:"左侧"},{id:"center",name:"居中"},{id:"right",name:"右侧"},{id:"top",name:"顶部"},{id:"bottom",name:"底部"}]}},resizeable:{description:"",type:"boolean",title:"允许调整尺寸"},visible:{description:"运行时组件是否可见",type:"boolean",title:"是否可见"}}}}},E={customClass:{type:String,defaut:""},customStyle:{type:String,defaut:""},width:{type:Number,default:-1},height:{type:Number,default:-1},position:{type:String,default:"left"},visible:{type:Boolean,default:!0},resizable:{type:Boolean,default:!0},collapsable:{type:Boolean,default:!1},minWidth:{type:Number,default:100},minHeight:{type:Number,default:100}},X=W(E,ce,_,G,ue);function U(t,e,n,a,l){const{horizontalResizeBarPosition:s,horizontalResizeHandleOffset:p,showHorizontalResizeHandle:g,showVerticalResizeHandle:P,verticalResizeBarPosition:r,verticalResizeHandleOffset:y,draggingHorizontalResizeHandle:u,draggingVerticalResizeHandle:v,getPanelMaxHeight:C,getPanelMaxWidth:R}=l;let w="",b,f,d;function h(c){if((w==="left"||w==="right")&&f){const{left:z}=f.getBoundingClientRect(),{width:m}=b.getBoundingClientRect(),S=c.clientX-z;let B=w==="left"?(m||0)+(S-s.value):(m||0)-(S-s.value);B=n.value>0?Math.max(n.value,B):B;const j=R(w,n.value);j!=null&&(B=j>B?B:j),t.value=B}if((w==="top"||w==="bottom")&&f){const{top:z}=f.getBoundingClientRect(),{height:m}=b.getBoundingClientRect(),S=c.clientY-z;let B=w==="top"?(m||0)+(S-r.value):(m||0)-(S-r.value);B=a.value>0?Math.max(a.value,B):B;const j=C(w,a.value);j!=null&&(B=j>B?B:j),e.value=B}p.value=0,y.value=0,s.value=-1,r.value=-1,g.value=!1,P.value=!1,document.removeEventListener("mousemove",d),document.removeEventListener("mouseup",h),document.body.style.userSelect="",w="",b=null,f=null}function O(c,z,m){if(w=z,b=m,g.value=!0,f=c.composedPath().find(B=>(B.className||"").split(" ")[0]==="f-layout"),f){const{left:B}=f.getBoundingClientRect(),j=c.clientX-B;p.value=j,s.value=j;const A=R(w,n.value)||0;d=he=>u(he,A,n.value,w),document.addEventListener("mousemove",d),document.addEventListener("mouseup",h),document.body.style.userSelect="none"}}function i(c,z,m){if(w=z,b=m,P.value=!0,f=c.composedPath().find(B=>(B.className||"").split(" ")[0]==="f-layout"),f){const{top:B}=f.getBoundingClientRect();y.value=c.clientY-B,r.value=c.clientY-B;const j=C(w,a.value)||0;d=A=>v(A,j,a.value,w),document.addEventListener("mousemove",d),document.addEventListener("mouseup",h),document.body.style.userSelect="none"}}return{onClickHorizontalResizeBar:O,onClickVerticalResizeBar:i}}const H=o.defineComponent({name:"FLayoutPane",props:E,emits:[],setup(t,e){const n=o.ref(t.minHeight<=0?100:t.minHeight),a=o.ref(t.minWidth<=0?100:t.minWidth),l=o.ref(t.width<=0?100:t.width),s=o.ref(t.height<=100?100:t.height),p=o.ref(Math.max(n.value,s.value)),g=o.ref(Math.max(a.value,l.value)),P=o.ref(),r=o.ref(t.position),y=o.ref(t.resizable);o.watch(()=>t.resizable,i=>{y.value=i});const u=o.inject("layout"),{useResizeHandleComposition:v}=u,C=U(g,p,a,n,v),{onClickHorizontalResizeBar:R,onClickVerticalResizeBar:w}=C,b=o.computed(()=>({"f-layout-resize-bar":!0,"f-layout-resize-bar-e":r.value==="left","f-layout-resize-bar-n":r.value==="bottom","f-layout-resize-bar-s":r.value==="top","f-layout-resize-bar-w":r.value==="right"})),f=o.computed(()=>r.value!=="center"&&y.value);function d(i,c){(c==="left"||c==="right")&&R(i,c,P.value),(c==="top"||c==="bottom")&&w(i,c,P.value)}const h=o.computed(()=>{const i={"f-layout-pane":!0,"f-page-content-nav":r.value==="left"||r.value==="right","f-page-content-main":r.value==="center"};return t.customClass&&String(t.customClass).split(" ").reduce((c,z)=>(c[z]=!0,c),i),i}),O=o.computed(()=>{const i={};return(g.value&&r.value==="left"||r.value==="right")&&(i.width=`${g.value}px`),(p.value&&r.value==="bottom"||r.value==="top")&&(i.height=`${p.value}px`),t.visible||(i.display="none"),i});return()=>o.createVNode("div",{ref:P,class:h.value,style:O.value,"data-position":r.value},[e.slots.default&&e.slots.default(),f.value&&o.createVNode("span",{class:b.value,onMousedown:i=>d(i,r.value)},null)])}});function pe(t,e){function n(){return!1}return{canAccepts:n}}function Q(t,e,n){var O;const a=n&&n.getStyles&&n.getStyles()||"",l=n&&n.getDesignerClass&&n.getDesignerClass()||"",s=o.ref();function p(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:n&&n.checkCanMoveComponent?n.checkCanMoveComponent():!0}function g(){return!1}function P(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:n&&n.checkCanDeleteComponent?n.checkCanDeleteComponent():!0}function r(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:n&&n.hideNestedPaddingInDesginerView?n.hideNestedPaddingInDesginerView():!1}function y(i){if(!i||!i.value)return null;if(i.value.schema&&i.value.schema.type==="component")return i.value;const c=o.ref(i==null?void 0:i.value.parent),z=y(c);return z||null}function u(i=e){const{componentInstance:c,designerItemElementRef:z}=i;return!c||!c.value?null:c.value.canMove?z:u(i.parent)}function v(i){return!!n&&n.canAccepts(i)}function C(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function R(){}function w(i,c){c&&n!=null&&n.onAcceptMovedChildElement&&n.onAcceptMovedChildElement(c)}function b(i,c){const{componentType:z}=i;let m=q(z,i,c);n&&n.onResolveNewComponentSchema&&(m=n.onResolveNewComponentSchema(i,m));const S=z.toLowerCase().replace(/-/g,"_");return m&&!m.id&&m.type===z&&(m.id=`${S}_${Math.random().toString().slice(2,6)}`),m}function f(i){}function d(...i){if(n&&n.getPropsConfig)return n.getPropsConfig(...i)}function h(){n&&n.onRemoveComponent&&n.onRemoveComponent(),e!=null&&e.schema.contents&&e.schema.contents.map(i=>{var m;let c=i.id;i.type==="component-ref"&&(c=i.component);const z=t.value.querySelector(`#${c}-design-item`);(m=z==null?void 0:z.componentInstance)!=null&&m.value.onRemoveComponent&&z.componentInstance.value.onRemoveComponent()})}return s.value={canMove:p(),canSelectParent:g(),canDelete:P(),canNested:!r(),contents:e==null?void 0:e.schema.contents,elementRef:t,parent:(O=e==null?void 0:e.parent)==null?void 0:O.componentInstance,schema:e==null?void 0:e.schema,styles:a,designerClass:l,canAccepts:v,getBelongedComponentInstance:y,getDraggableDesignItemElement:u,getDraggingDisplayText:C,getPropConfig:d,getDragScopeElement:R,onAcceptMovedChildElement:w,onChildElementMovedOut:f,addNewChildComponentSchema:b,triggerBelongedComponentToMoveWhenMoved:!!n&&n.triggerBelongedComponentToMoveWhenMoved||o.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!n&&n.triggerBelongedComponentToDeleteWhenDeleted||o.ref(!1),onRemoveComponent:h},s}const fe=o.defineComponent({name:"FLayoutDesign",props:k,emits:[],setup(t,e){var y;const n=o.ref(),a=o.inject("design-item-context"),l=pe(a.schema,(y=a.parent)==null?void 0:y.schema),s=Q(n,a,l);s.value.canNested=!1;const p=Y(n),{horizontalResizeHandleStyle:g,verticalResizeHandleStyle:P,resizeOverlayStyle:r}=p;return o.provide("layout",{useResizeHandleComposition:p}),o.onMounted(()=>{n.value.componentInstance=s}),e.expose(s.value),()=>o.createVNode("div",{class:"f-layout f-page-content",ref:n},[e.slots.default&&e.slots.default(),o.createVNode("div",{class:"f-layout-resize-overlay",style:r.value},null),o.createVNode("div",{class:"f-layout-horizontal-resize-proxy",style:g.value},null),o.createVNode("div",{class:"f-layout-vertical-resize-proxy",style:P.value},null)])}});function ye(){function t(e,n){var p;if(!e)return!1;const a=((p=e.targetContainer)==null?void 0:p.componentInstance)&&e.targetContainer.componentInstance.value;if(!a)return!1;const l=a.schema.type,s=n==null?void 0:n.formSchemaUtils.getComponentById(a.belongedComponentId);return!((e.componentCategory==="input"||e.componentType==="form-group")&&![T["response-layout-item"].type,T["response-form"].type].includes(l)||(e.componentType===T.tabs.type||e.componentType===T.section.type)&&((s==null?void 0:s.componentType)!=="frame"||![T["content-container"].type,T["splitter-pane"].type,T["response-layout-item"].type].includes(l)))}return{basalDragulaRuleForContainer:t}}function me(t,e){const n=t.schema;function a(s){return!!ye().basalDragulaRuleForContainer(s)}function l(){const s=["f-layout-pane"];return(n.position==="left"||n.position==="right")&&s.push("f-page-content-nav"),n.position==="center"&&s.push("f-page-content-main"),s.join(" ")}return{canAccepts:a,getDesignerClass:l}}const de=o.defineComponent({name:"FLayoutPaneDesign",props:E,emits:[],setup(t,e){const n=o.ref(),a=o.ref();o.inject("designer-host-service");const l=o.inject("design-item-context"),s=me(l),p=Q(a,l,s);p.value.canNested=!1,p.value.canMove=!1,p.value.canDelete=!1,o.onMounted(()=>{a.value.componentInstance=p}),e.expose(p.value);const g=o.ref(Math.max(t.minHeight,t.height)),P=o.ref(Math.max(t.minWidth,t.width)),r=o.ref(t.minHeight),y=o.ref(t.minWidth),u=o.ref(t.position),v=o.inject("layout"),{useResizeHandleComposition:C}=v,R=U(P,g,y,r,C),{onClickHorizontalResizeBar:w,onClickVerticalResizeBar:b}=R,f=o.computed(()=>({"f-layout-resize-bar":!0,"f-layout-resize-bar-e":u.value==="left","f-layout-resize-bar-n":u.value==="bottom","f-layout-resize-bar-s":u.value==="top","f-layout-resize-bar-w":u.value==="right"}));function d(i,c){(c==="left"||c==="right")&&w(i,c,n.value),(c==="top"||c==="bottom")&&b(i,c,n.value)}const h=o.computed(()=>{const i={"f-layout-pane":!0,"f-page-content-nav":u.value==="left"||u.value==="right","f-page-content-main":u.value==="center"};return t.customClass&&String(t.customClass).split(" ").reduce((c,z)=>(c[z]=!0,c),i),i}),O=o.computed(()=>{const i={flex:"1"};return(P.value&&u.value==="left"||u.value==="right")&&(i.width=`${P.value}px`),(g.value&&u.value==="bottom"||u.value==="top")&&(i.height=`${g.value}px`),i});return()=>o.createVNode("div",{ref:n,class:h.value,style:O.value},[o.createVNode("div",{ref:a,class:"drag-container","data-dragref":`${l.schema.id}-container`},[e.slots.default&&e.slots.default()]),o.createVNode("span",{class:f.value,onMousedown:i=>d(i,u.value)},null)])}});M.install=t=>{t.component(M.name,M),t.component(H.name,H)},M.register=(t,e,n,a)=>{t.layout=M,e.layout=L,t["layout-pane"]=H,e["layout-pane"]=X},M.registerDesigner=(t,e,n)=>{t.layout=fe,e.layout=L,t["layout-pane"]=de,e["layout-pane"]=X},$.FLayout=M,$.FLayoutPane=H,$.default=M,$.layoutProps=k,$.layoutPropsResolver=L,Object.defineProperties($,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|