plain-design 0.0.97 → 1.0.0-beta.2

package/src/packages/PlEmpty/assets/no_data.svg

@@ -1,168 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 800 800" style="enable-background:new 0 0 800 800;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:url(#SVGID_1_);}
-	.st1{fill:url(#SVGID_2_);}
-	.st2{fill:url(#SVGID_3_);}
-	.st3{fill:url(#SVGID_4_);}
-	.st4{fill:url(#SVGID_5_);}
-	.st5{fill:url(#SVGID_6_);}
-	.st6{fill:url(#SVGID_7_);}
-	.st7{fill:url(#SVGID_8_);}
-	.st8{fill:#C6D0E0;}
-	.st9{fill:none;stroke:#B2BBC9;stroke-miterlimit:10;stroke-dasharray:12;}
-	.st10{fill:url(#SVGID_9_);}
-	.st11{fill:url(#SVGID_10_);}
-	.st12{fill:url(#SVGID_11_);}
-	.st13{fill:url(#SVGID_12_);}
-	.st14{fill:url(#SVGID_13_);}
-	.st15{fill:url(#SVGID_14_);}
-	.st16{fill:url(#SVGID_15_);}
-	.st17{fill:url(#SVGID_16_);}
-	.st18{fill:url(#SVGID_17_);}
-	.st19{fill:url(#SVGID_18_);}
-	.st20{fill:url(#SVGID_19_);}
-	.st21{fill:url(#SVGID_20_);}
-	.st22{fill:url(#SVGID_21_);}
-	.st23{fill:url(#SVGID_22_);}
-	.st24{opacity:0.5;fill:#FFFFFF;}
-</style>
-<g>
-	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="400" y1="885" x2="400" y2="139">
-		<stop  offset="0.4171" style="stop-color:#F8FAFC;stop-opacity:0"/>
-		<stop  offset="1" style="stop-color:#ECEFF4"/>
-	</linearGradient>
-	<ellipse class="st0" cx="400" cy="512" rx="400" ry="373"/>
-	<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="400" y1="643.1592" x2="400" y2="443.0284">
-		<stop  offset="0" style="stop-color:#DFE2E5;stop-opacity:0"/>
-		<stop  offset="1" style="stop-color:#D7DCE2;stop-opacity:0.5"/>
-	</linearGradient>
-	<ellipse class="st1" cx="400" cy="543.1" rx="258" ry="100.1"/>
-	<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="449.4218" y1="632" x2="449.4218" y2="490.1485">
-		<stop  offset="0" style="stop-color:#DFE2E5;stop-opacity:0"/>
-		<stop  offset="1" style="stop-color:#D7DCE2;stop-opacity:0.7"/>
-	</linearGradient>
-	<polygon class="st2" points="632.6,632 266.2,632 281,507.6 408.1,490.1 522.1,508.4 	"/>
-	<g>
-		<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="401.9904" y1="332.3293" x2="293.3605" y2="520.4817">
-			<stop  offset="0" style="stop-color:#C6D0E0"/>
-			<stop  offset="1" style="stop-color:#D7DDE2"/>
-		</linearGradient>
-		<path class="st3" d="M396.1,538.5l-113.6-24.3l-2.7-166.5l108.4-23.3L396.1,538.5z"/>
-		<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="527.0593" y1="506.3252" x2="366.7455" y2="346.0113">
-			<stop  offset="0" style="stop-color:#C6D0E0"/>
-			<stop  offset="1" style="stop-color:#DFE4EA"/>
-		</linearGradient>
-		<path class="st4" d="M523.5,509.9l-127.4,28.7l-7.8-214.1L522,338.2L523.5,509.9z"/>
-		<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="529.3527" y1="504.0319" x2="398.0334" y2="372.7126">
-			<stop  offset="0" style="stop-color:#A7B1C1"/>
-			<stop  offset="1" style="stop-color:#C6D0E0"/>
-		</linearGradient>
-		<path class="st5" d="M408.3,541.5l115.2-31.6L522,338.2l-113.8,24.3V541.5z"/>
-		<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="427.9634" y1="521.7811" x2="267.4675" y2="361.2852">
-			<stop  offset="0" style="stop-color:#C6D0E0"/>
-			<stop  offset="1" style="stop-color:#EFF2F6"/>
-		</linearGradient>
-		<path class="st6" d="M408.3,541.5c0,0-0.2,0-0.2,0l-127.7-27.7V348.4l127.9,14.1v178.8C408.3,541.3,408.3,541.4,408.3,541.5z"/>
-		<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="376.7471" y1="428.0389" x2="288.1841" y2="339.4759">
-			<stop  offset="0" style="stop-color:#C6D0E0"/>
-			<stop  offset="1" style="stop-color:#EFF2F6"/>
-		</linearGradient>
-		<path class="st7" d="M380.5,424.2l-128.4-23.3l27.7-53.1l128.7,14.6L380.5,424.2z"/>
-		<path class="st8" d="M559.7,391.5l-110.5,32.7l-40.6-61.8L522,338.2L559.7,391.5z"/>
-	</g>
-	<path class="st9" d="M411.2,345.2c0,0-66.5-9.4-78.6-41.1s10.7-50,39.3-45.5c28.6,4.5,21.4,47.3,53.6,43.8
-		c15.4-1.7,15.8-18.7,21.4-27.7c6.1-9.8,17-11.6,17-11.6"/>
-	<g>
-		<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="503.3252" y1="255.6929" x2="467.4771" y2="219.8447">
-			<stop  offset="0" style="stop-color:#A7B1C1"/>
-			<stop  offset="1" style="stop-color:#C6D0E0"/>
-		</linearGradient>
-		<path class="st10" d="M471.5,271.8l8,7.8l42.8-52.2v-1.8l-78.5,18v1.8l14.3,13.4l55.2-26.8l-49.9,32L471.5,271.8z"/>
-		<linearGradient id="SVGID_10_" gradientUnits="userSpaceOnUse" x1="467.9646" y1="275.2808" x2="459.9981" y2="267.3143">
-			<stop  offset="0" style="stop-color:#A7B1C1"/>
-			<stop  offset="1" style="stop-color:#C6D0E0"/>
-		</linearGradient>
-		<path class="st11" d="M463.4,263.9l0,15.7l8-7.8V270L463.4,263.9z"/>
-		<linearGradient id="SVGID_11_" gradientUnits="userSpaceOnUse" x1="502.8788" y1="254.3535" x2="467.9235" y2="219.3983">
-			<stop  offset="0" style="stop-color:#C6D0E0"/>
-			<stop  offset="1" style="stop-color:#EFF2F6"/>
-		</linearGradient>
-		<path class="st12" d="M471.5,270l8,7.8l42.8-52.2l-78.5,18l14.3,13.4l55.2-26.8l-49.9,32L471.5,270z"/>
-		<linearGradient id="SVGID_12_" gradientUnits="userSpaceOnUse" x1="463.4288" y1="269.9206" x2="471.4716" y2="269.9206">
-			<stop  offset="0" style="stop-color:#B3BECE"/>
-			<stop  offset="1" style="stop-color:#CAD3DD"/>
-		</linearGradient>
-		<path class="st13" d="M463.4,262.1l0,15.7l8-7.8L463.4,262.1z"/>
-	</g>
-	<linearGradient id="SVGID_13_" gradientUnits="userSpaceOnUse" x1="229.5" y1="627" x2="229.5" y2="502.4239">
-		<stop  offset="0" style="stop-color:#DFE2E5;stop-opacity:0"/>
-		<stop  offset="1" style="stop-color:#D7DCE2;stop-opacity:0.7"/>
-	</linearGradient>
-	<polygon class="st14" points="248,626 211,627 214,502.6 222.9,502.4 	"/>
-	<linearGradient id="SVGID_14_" gradientUnits="userSpaceOnUse" x1="263" y1="597" x2="263" y2="491.8702">
-		<stop  offset="0" style="stop-color:#DFE2E5;stop-opacity:0"/>
-		<stop  offset="1" style="stop-color:#D7DCE2;stop-opacity:0.7"/>
-	</linearGradient>
-	<polygon class="st15" points="293,597 233,597 236,494.4 267.9,491.9 	"/>
-	<linearGradient id="SVGID_15_" gradientUnits="userSpaceOnUse" x1="250.7151" y1="475.3314" x2="186.9884" y2="411.6046">
-		<stop  offset="0" style="stop-color:#C6D0E0"/>
-		<stop  offset="1" style="stop-color:#EFF2F6"/>
-	</linearGradient>
-	<polygon class="st16" points="216.6,382 214,503 223,503 221.8,382 	"/>
-	<g>
-		<path class="st8" d="M209.8,389.7c0,0,54.8-3.7,5.6-67.8c0,0-35.5,15.8-31.8,49.2C183.6,371.2,183.6,389.7,209.8,389.7z"/>
-		<linearGradient id="SVGID_16_" gradientUnits="userSpaceOnUse" x1="240.4363" y1="396.0994" x2="194.2441" y2="349.9072">
-			<stop  offset="0" style="stop-color:#C6D0E0"/>
-			<stop  offset="1" style="stop-color:#EFF2F6"/>
-		</linearGradient>
-		<path class="st17" d="M214.2,330.3c0,0-44.6,39-33.4,58.5c0,0,13.9,18.6,55.7,5.6S240.2,330.3,214.2,330.3z"/>
-	</g>
-	<g>
-		<linearGradient id="SVGID_17_" gradientUnits="userSpaceOnUse" x1="590.0138" y1="616.9282" x2="590.0138" y2="520.4252">
-			<stop  offset="0" style="stop-color:#DFE2E5;stop-opacity:0"/>
-			<stop  offset="1" style="stop-color:#D7DCE2;stop-opacity:0.7"/>
-		</linearGradient>
-		<polygon class="st18" points="591,616.9 582,522.9 590,520.4 598,522.8 596,616.9 		"/>
-		<g>
-			<linearGradient id="SVGID_18_" gradientUnits="userSpaceOnUse" x1="589.8101" y1="523.2173" x2="589.8101" y2="437">
-				<stop  offset="0" style="stop-color:#C6D0E0"/>
-				<stop  offset="1" style="stop-color:#EFF2F6"/>
-			</linearGradient>
-			<path class="st19" d="M585,437c0,0,3.7,51.8-1,76.5c-0.8,4-4,8.5-2,9.5s2.6-1.8,7.6-1.8c2.5,0,7.4,2.8,8.4,1.8s-1.1-3.8-2.5-10.2
-				c-3.2-15.1-8-44.9-4.5-75.8H585z"/>
-			<path class="st8" d="M596.4,451.3c0,12.2-16,18.1-28.2,18.1S548,457.5,548,445.3s12.9-22.2,25.2-22.2S596.4,439.1,596.4,451.3z"
-				/>
-			<linearGradient id="SVGID_19_" gradientUnits="userSpaceOnUse" x1="608.4828" y1="448.2691" x2="564.8653" y2="404.6516">
-				<stop  offset="0" style="stop-color:#C6D0E0"/>
-				<stop  offset="1" style="stop-color:#EFF2F6"/>
-			</linearGradient>
-			<path class="st20" d="M618.3,431.3c0,15.8-20.6,23.3-36.3,23.3s-25.9-15.4-25.9-31.1c0-15.8,16.7-28.5,32.4-28.5
-				S618.3,415.5,618.3,431.3z"/>
-			<linearGradient id="SVGID_20_" gradientUnits="userSpaceOnUse" x1="616.3005" y1="469.0449" x2="591.0118" y2="425.2436">
-				<stop  offset="0" style="stop-color:#C6D0E0"/>
-				<stop  offset="1" style="stop-color:#EFF2F6"/>
-			</linearGradient>
-			<path class="st21" d="M597.6,469.2c-11.3,0-20.7-12.3-20.7-24.3c0-12,15-23.2,26.3-23.2s27.6,8.4,25.6,29.6
-				C626.8,472.5,609,469.2,597.6,469.2z"/>
-		</g>
-	</g>
-	<g>
-		<linearGradient id="SVGID_21_" gradientUnits="userSpaceOnUse" x1="257.4933" y1="497.0511" x2="241.2711" y2="480.8289">
-			<stop  offset="0" style="stop-color:#C6D0E0"/>
-			<stop  offset="1" style="stop-color:#D7DDE2"/>
-		</linearGradient>
-		<polygon class="st22" points="250.9,471.2 236,494.9 252.7,501.8 		"/>
-		<linearGradient id="SVGID_22_" gradientUnits="userSpaceOnUse" x1="262.6711" y1="497.3489" x2="243.7111" y2="478.3889">
-			<stop  offset="0" style="stop-color:#A7B1C1"/>
-			<stop  offset="1" style="stop-color:#C6D0E0"/>
-		</linearGradient>
-		<polygon class="st23" points="252.7,501.8 268,492 250.9,471.2 		"/>
-	</g>
-	<polygon class="st24" points="375,457 308,445 308,429 375,441 	"/>
-	<path class="st24" d="M433,444v45l67-18v-45L433,444z M442,464.4l35.7-10.3v3.5L442,468V464.4z M492,462.6L442,477v-3.6l50-14.4
-		V462.6z M492,441.6L442,456v-3.6l50-14.4V441.6z"/>
-</g>
-</svg>

package/src/packages/PlEmpty/empty.scss

@@ -1,9 +0,0 @@
-@include theme {
-  .pl-empty {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    color: $icc;
-  }
-}

package/src/packages/PlEmpty/index.tsx

@@ -1,31 +0,0 @@
-import {designComponent, useStyles} from "plain-design-composition";
-import React from "react";
-import NO_DATA_IMG from './assets/no_data.svg'
-import './empty.scss'
-
-export const PlEmpty = designComponent({
-    props: {
-        height: {type: String, default: '200px'},
-        fontSize: {type: String, default: '14px'},
-        label: {type: String, default: '暂无数据...'},
-    },
-    slots: ['labelContent'],
-    setup({props}) {
-
-        const styles = useStyles(styles => {
-            styles.fontSize = props.fontSize
-        })
-        const imgStyles = useStyles((styles) => {
-            styles.height = props.height
-        })
-
-        return () => (
-            <div className="pl-empty" style={styles.value}>
-                <img src={NO_DATA_IMG} style={imgStyles.value}/>
-                <span>{props.label}</span>
-            </div>
-        )
-    },
-})
-
-export default PlEmpty

package/src/packages/PlFilter/FilterConfig.tsx

@@ -1,361 +0,0 @@
-import {reactive} from "plain-design-composition";
-import React from "react";
-import {ReactNode} from "react";
-import PlInput from "../PlInput";
-import {FilterTextContains} from "./editor/FilterTextContains";
-import PlSelect from "../PlSelect";
-import {tPlc} from "../PlTable/plc/utils/plc.type";
-import {tFormRuleItem} from "../PlForm/form.validate";
-import PlDate from "../PlDate";
-import PlDateRange from "../PlDateRange";
-import PlNumberRange from "../PlNumberRange";
-import {AddressQueryValueFormatter} from "../useAddress/useAddress.utils";
-import {OvQueryValueFormatter} from "../useOv/useOv.utils";
-import PlOv from "../PlOv";
-
-export enum eFilterOperator {
-    '=' = '=',
-    '~' = '~',
-    '>' = '>',
-    '>=' = '>=',
-    '<' = '<',
-    '<=' = '<=',
-    'in' = 'in',
-    'not in' = 'not in',
-    'in like' = 'in like',
-    'not in like' = 'not in like',
-    'is null' = 'is null',
-    'is not null' = 'is not null',
-}
-
-export interface iFilterQuery {
-    id?: string | number,
-    field: string,
-    operator: keyof typeof eFilterOperator | eFilterOperator,
-    value?: any,
-    formatValue?: (value: any) => Promise<any>,
-}
-
-export interface iFilterData {
-    queries: iFilterQuery[],
-    expression?: string,
-}
-
-export interface iRegistryFilterHandler {
-    handlerName: string,
-    render: (fto: iFilterTargetOption, emitConfirm: () => void) => ReactNode,
-    transform: (fto: iFilterTargetOption) => iFilterQuery | iFilterQuery[] | null,
-}
-
-export interface iRegistryFilter {
-    filterName: string,
-    handlers: Record<string, iRegistryFilterHandler>,
-    setHandler: (handlerName: string, handler: Omit<iRegistryFilterHandler, 'handlerName'>) => iRegistryFilter,
-    getHandler: (handlerName: string) => iRegistryFilterHandler | undefined
-}
-
-/**
- * 筛选配置参数对象
- * @author  韦胜健
- * @date    2021/6/17 13:56
- */
-export type tFilterConfigObj = {
-    defaultValue?: any,                  // 默认的筛选参数
-    start?: any,                        // 范围选择绑定的起始字段
-    end?: any,                          // 范围选择绑定的截止字段
-    flexOrder?: number                  // form-item的flexOrder排序属性
-    formColumn?: number,                // formItem的column占用列数属性
-    formRule?: tFormRuleItem | tFormRuleItem[],// formItem的rule校验规则
-    labelWidth?: number,                // form-item 的label宽度
-} & Record<string, any>
-
-/**
- * 筛选配置可以是个对象，也可以是个函数返回对象
- * @author  韦胜健
- * @date    2021/6/17 13:57
- */
-export type tFilterConfigGetter = (filter: iFilterOption) => tFilterConfigObj
-export type tFilterConfig = tFilterConfigObj | tFilterConfigGetter
-
-export type tDefaultFilterConfig = (data: { config: tFilterConfigObj, plc: any, fo: iFilterOption }) => tFilterConfig | void
-export type tDefaultFilterConfigParam = { config: tFilterConfigObj, plc: tPlc, fo: iFilterOption }
-
-export interface iFilterOption {
-    label: string,
-    field: string,
-    value?: any,
-    filterName: string,
-    handlerName: string,
-    filterConfig: tFilterConfig,
-    plc?: tPlc,
-}
-
-export interface iFilterTargetOption {
-    filter: iRegistryFilter,
-    handler: iRegistryFilterHandler,
-    option: iFilterOption,
-    config: tFilterConfigObj,
-}
-
-export const FilterConfig = (() => {
-
-    const state = reactive({
-        registration: {} as Record<string, iRegistryFilter | undefined>
-    })
-
-    const touchFilter = (filterName: string): iRegistryFilter => {
-        if (!state.registration[filterName]) {
-            state.registration[filterName] = {
-                filterName,
-                handlers: {},
-                getHandler: handlerName => state.registration[filterName]!.handlers[handlerName],
-                setHandler(handlerName, handler) {
-                    this.handlers[handlerName] = {handlerName, ...handler}
-                    return this
-                }
-            }
-        }
-        return state.registration[filterName]!
-    }
-
-    const getHandler = (filterName: string, handlerName: string): iRegistryFilterHandler | undefined => {
-        const filter = touchFilter(filterName)
-        if (!filter) {return }
-        return filter.getHandler(handlerName)
-    }
-
-    const getTargetOption = (opt: iFilterOption): iFilterTargetOption | undefined => {
-        const filter = touchFilter(opt.filterName)
-        if (!filter) {return }
-        const handler = filter.getHandler(opt.handlerName)
-        if (!handler) {return }
-        let config = typeof opt.filterConfig === "function" ? opt.filterConfig(opt) : opt.filterConfig
-        if (!!opt.plc && !!opt.plc.props.defaultFilterConfig) {
-            config = opt.plc.props.defaultFilterConfig({fo: opt, plc: opt.plc, config}) || config
-        }
-        return {filter, handler, option: opt, config}
-    }
-
-    const formatToQuery = (fto: iFilterTargetOption): iFilterQuery | iFilterQuery[] => {
-        const {filterName, handlerName} = fto.option
-        return getHandler(filterName, handlerName)!.transform(fto) || []
-    }
-
-    const hasValue = (val: any) => {
-        if (val == null) {return false}
-        if (typeof val === "string") {
-            return !!val && !!val.trim()
-        }
-        if (Array.isArray(val)) {
-            return val.length > 0
-        }
-        return true
-    }
-
-    const clearFoValue = (fo: iFilterOption) => {
-        fo.value = null
-        !!fo.plc && (fo.handlerName = fo.plc.props.filterHandler)
-    }
-
-    const processQueries = async (queries: iFilterQuery[]): Promise<iFilterQuery[]> => {
-        return Promise.all(queries.map(async query => {
-            const {formatValue, value, ...left} = query
-            if (!formatValue || value == null) {
-                return {value, ...left}
-            } else {
-                return {
-                    ...left,
-                    value: await formatValue(value)
-                }
-            }
-        }))
-    }
-
-    return {
-        touchFilter,
-        getHandler,
-        getTargetOption,
-        formatToQuery,
-        hasValue,
-        clearFoValue,
-        processQueries,
-    }
-
-})();
-
-FilterConfig.touchFilter('text')
-    .setHandler('类似', {
-        render: (fto, emitConfirm) => <PlInput v-model={fto.option.value} onEnter={emitConfirm}/>,
-        transform: ({option: {value, field}}) => !FilterConfig.hasValue(value) ? null : ({field, value, operator: eFilterOperator["~"]})
-    })
-    .setHandler('等于', {
-        render: (fto, emitConfirm) => <PlInput v-model={fto.option.value} onEnter={emitConfirm}/>,
-        transform: ({option: {value, field}}) => !FilterConfig.hasValue(value) ? null : ({field, value, operator: eFilterOperator["="]})
-    })
-    .setHandler('包含', {
-        render: (fto, emitConfirm) => <FilterTextContains v-model={fto.option.value} onEnter={emitConfirm}/>,
-        transform: ({option: {value, field}}) => !FilterConfig.hasValue(value) ? null : ({field, value, operator: eFilterOperator["in like"]})
-    })
-    .setHandler('不包含', {
-        render: (fto, emitConfirm) => <FilterTextContains v-model={fto.option.value} onEnter={emitConfirm}/>,
-        transform: ({option: {value, field}}) => !FilterConfig.hasValue(value) ? null : ({field, value, operator: eFilterOperator["not in like"]})
-    })
-    .setHandler('为空值', {
-        render: () => <PlInput placeholder="为空" disabled/>,
-        transform: ({option: {field}}) => ({field, operator: eFilterOperator["is null"]})
-    })
-    .setHandler('不为空值', {
-        render: () => <PlInput placeholder="不为空" disabled/>,
-        transform: ({option: {field}}) => ({field, operator: eFilterOperator["is not null"]})
-    })
-
-FilterConfig.touchFilter('select')
-    .setHandler('等于', {
-        render: (fto, emitConfirm) => <PlSelect v-model={fto.option.value} onChange={emitConfirm}>{fto.config.options()}</PlSelect>,
-        transform: ({option: {value, field}}) => !FilterConfig.hasValue(value) ? null : ({field, value, operator: eFilterOperator["="]})
-    })
-    .setHandler('包含', {
-        render: (fto, emitConfirm) => <PlSelect multiple maxTags={1} collapseTags v-model={fto.option.value} onChange={emitConfirm}>{fto.config.options()}</PlSelect>,
-        transform: ({option: {value, field}}) => !FilterConfig.hasValue(value) ? null : ({field, value, operator: eFilterOperator["in"]})
-    })
-    .setHandler('不包含', {
-        render: (fto, emitConfirm) => <PlSelect multiple maxTags={1} collapseTags v-model={fto.option.value} onChange={emitConfirm}>{fto.config.options()}</PlSelect>,
-        transform: ({option: {value, field}}) => !FilterConfig.hasValue(value) ? null : ({field, value, operator: eFilterOperator["not in"]})
-    })
-    .setHandler('为空值', {
-        render: () => <PlInput placeholder="为空" disabled/>,
-        transform: ({option: {field}}) => ({field, operator: eFilterOperator["is null"]})
-    })
-    .setHandler('不为空值', {
-        render: () => <PlInput placeholder="不为空" disabled/>,
-        transform: ({option: {field}}) => ({field, operator: eFilterOperator["is not null"]})
-    })
-
-FilterConfig.touchFilter('date')
-    .setHandler('范围', {
-        render: (fto, emitConfirm) => {
-            if (!fto.option.value) {fto.option.value = {start: null, end: null}}
-            return <PlDateRange v-model-start={fto.option.value.start} v-model-end={fto.option.value.end} onChange={emitConfirm} datetime={fto.config.datetime}/>
-        },
-        transform: ({option: {value, field}}) => {
-            if (!value) {return null}
-            const {start, end} = value
-            const queries: iFilterQuery[] = []
-            if (!!start) {queries.push({field, value: start, operator: eFilterOperator[">="]})}
-            if (!!end) {queries.push({field, value: end, operator: eFilterOperator["<="]})}
-            return queries.length > 0 ? queries : null
-        }
-    })
-    .setHandler('等于', {
-        render: (fto, emitConfirm) => <PlDate v-model={fto.option.value} onChange={emitConfirm}/>,
-        transform: ({option: {value, field}}) => !FilterConfig.hasValue(value) ? null : ({field, value, operator: eFilterOperator["="]})
-    })
-    .setHandler('包含', {
-        render: (fto, emitConfirm) => <PlDate multiple maxTags={1} collapseTags v-model={fto.option.value} onChange={emitConfirm}/>,
-        transform: ({option: {value, field}}) => !FilterConfig.hasValue(value) ? null : ({field, value, operator: eFilterOperator["in"]})
-    })
-    .setHandler('不包含', {
-        render: (fto, emitConfirm) => <PlDate multiple maxTags={1} collapseTags v-model={fto.option.value} onChange={emitConfirm}/>,
-        transform: ({option: {value, field}}) => !FilterConfig.hasValue(value) ? null : ({field, value, operator: eFilterOperator["not in"]})
-    })
-    .setHandler('为空值', {
-        render: () => <PlInput placeholder="为空" disabled/>,
-        transform: ({option: {field}}) => ({field, operator: eFilterOperator["is null"]})
-    })
-    .setHandler('不为空值', {
-        render: () => <PlInput placeholder="不为空" disabled/>,
-        transform: ({option: {field}}) => ({field, operator: eFilterOperator["is not null"]})
-    })
-
-FilterConfig.touchFilter('number')
-    .setHandler('范围', {
-        render: (fto, emitConfirm) => {
-            if (!fto.option.value) {fto.option.value = {start: null, end: null}}
-            return <PlNumberRange v-model-start={fto.option.value.start} v-model-end={fto.option.value.end} onEnter={emitConfirm} onClear={emitConfirm}/>
-        },
-        transform: ({option: {value, field}}) => {
-            if (!value) {return null}
-            const {start, end} = value
-            const queries: iFilterQuery[] = []
-            if (!!start) {queries.push({field, value: start, operator: eFilterOperator[">="]})}
-            if (!!end) {queries.push({field, value: end, operator: eFilterOperator["<="]})}
-            return queries.length > 0 ? queries : null
-        }
-    })
-    .setHandler('类似', {
-        render: (fto, emitConfirm) => <PlInput v-model={fto.option.value} onEnter={emitConfirm}/>,
-        transform: ({option: {value, field}}) => !FilterConfig.hasValue(value) ? null : ({field, value, operator: eFilterOperator["~"]})
-    })
-    .setHandler('等于', {
-        render: (fto, emitConfirm) => <PlInput v-model={fto.option.value} onEnter={emitConfirm}/>,
-        transform: ({option: {value, field}}) => !FilterConfig.hasValue(value) ? null : ({field, value, operator: eFilterOperator["="]})
-    })
-    .setHandler('包含', {
-        render: (fto, emitConfirm) => <FilterTextContains v-model={fto.option.value} onEnter={emitConfirm}/>,
-        transform: ({option: {value, field}}) => !FilterConfig.hasValue(value) ? null : ({field, value, operator: eFilterOperator["in like"]})
-    })
-    .setHandler('不包含', {
-        render: (fto, emitConfirm) => <FilterTextContains v-model={fto.option.value} onEnter={emitConfirm}/>,
-        transform: ({option: {value, field}}) => !FilterConfig.hasValue(value) ? null : ({field, value, operator: eFilterOperator["not in like"]})
-    })
-    .setHandler('为空值', {
-        render: () => <PlInput placeholder="为空" disabled/>,
-        transform: ({option: {field}}) => ({field, operator: eFilterOperator["is null"]})
-    })
-    .setHandler('不为空值', {
-        render: () => <PlInput placeholder="不为空" disabled/>,
-        transform: ({option: {field}}) => ({field, operator: eFilterOperator["is not null"]})
-    })
-
-FilterConfig.touchFilter('address')
-    .setHandler('类似', {
-        render: (fto, emitConfirm) => <PlInput v-model={fto.option.value} onEnter={emitConfirm}/>,
-        transform: ({option: {value, field}, config}) => !FilterConfig.hasValue(value) ? null : ({field, value, operator: eFilterOperator["in"], formatValue: AddressQueryValueFormatter.inLike(config)})
-    })
-    .setHandler('等于', {
-        render: (fto, emitConfirm) => <PlInput v-model={fto.option.value} onEnter={emitConfirm}/>,
-        transform: ({option: {value, field}, config}) => !FilterConfig.hasValue(value) ? null : ({field, value, operator: eFilterOperator["="], formatValue: AddressQueryValueFormatter.equal(config)})
-    })
-    .setHandler('包含', {
-        render: (fto, emitConfirm) => <FilterTextContains v-model={fto.option.value} onEnter={emitConfirm}/>,
-        transform: ({option: {value, field}, config}) => !FilterConfig.hasValue(value) ? null : ({field, value, operator: eFilterOperator["in"], formatValue: AddressQueryValueFormatter.inLike(config)})
-    })
-    .setHandler('不包含', {
-        render: (fto, emitConfirm) => <FilterTextContains v-model={fto.option.value} onEnter={emitConfirm}/>,
-        transform: ({option: {value, field}, config}) => !FilterConfig.hasValue(value) ? null : ({field, value, operator: eFilterOperator["not in"], formatValue: AddressQueryValueFormatter.inLike(config)})
-    })
-    .setHandler('为空值', {
-        render: () => <PlInput placeholder="为空" disabled/>,
-        transform: ({option: {field}}) => ({field, operator: eFilterOperator["is null"]})
-    })
-    .setHandler('不为空值', {
-        render: () => <PlInput placeholder="不为空" disabled/>,
-        transform: ({option: {field}}) => ({field, operator: eFilterOperator["is not null"]})
-    })
-
-FilterConfig.touchFilter('ov')
-    .setHandler('类似', {
-        render: (fto, emitConfirm) => <PlInput v-model={fto.option.value} onEnter={emitConfirm}/>,
-        transform: ({option: {value, field}, config}) => !FilterConfig.hasValue(value) ? null : ({field, value, operator: eFilterOperator["in"], formatValue: OvQueryValueFormatter.inLike(config)})
-    })
-    .setHandler('等于', {
-        render: (fto, emitConfirm) => <PlOv v-model={fto.option.value} ov={fto.config.ov} onChange={emitConfirm}/>,
-        transform: ({option: {value, field}}) => !FilterConfig.hasValue(value) ? null : ({field, value, operator: eFilterOperator["="]})
-    })
-    .setHandler('包含', {
-        render: (fto, emitConfirm) => <PlOv v-model={fto.option.value} ov={fto.config.ov} onChange={emitConfirm} multiple/>,
-        transform: ({option: {value, field}}) => !FilterConfig.hasValue(value) ? null : ({field, value, operator: eFilterOperator["in"]})
-    })
-    .setHandler('不包含', {
-        render: (fto, emitConfirm) => <PlOv v-model={fto.option.value} ov={fto.config.ov} onChange={emitConfirm} multiple/>,
-        transform: ({option: {value, field}}) => !FilterConfig.hasValue(value) ? null : ({field, value, operator: eFilterOperator["not in"]})
-    })
-    .setHandler('为空值', {
-        render: () => <PlInput placeholder="为空" disabled/>,
-        transform: ({option: {field}}) => ({field, operator: eFilterOperator["is null"]})
-    })
-    .setHandler('不为空值', {
-        render: () => <PlInput placeholder="不为空" disabled/>,
-        transform: ({option: {field}}) => ({field, operator: eFilterOperator["is not null"]})
-    })
-

package/src/packages/PlFilter/editor/FilterTextContains.tsx

@@ -1,37 +0,0 @@
-import {designComponent, PropType, reactive, useModel} from "plain-design-composition";
-import React from "react";
-import PlInput from "../../PlInput";
-
-export const FilterTextContains = designComponent({
-    props: {
-        modelValue: {type: Array as PropType<any[]>},
-    },
-    emits: {
-        onUpdateModelValue: (val?: any[]) => true,
-        onEnter: () => true,
-    },
-    setup({props, event: {emit}}) {
-
-        const model = useModel(() => props.modelValue, emit.onUpdateModelValue, {
-            onChange: val => {
-                state.text = (val || []).join(',')
-            }
-        })
-
-        const state = reactive({
-            text: (model.value || []).join(',')
-        })
-
-        const handler = {
-            onChange: () => {
-                if (state.text === (model.value || []).join(',')) {
-                    return
-                } else {
-                    model.value = state.text.split(/[,，]/g).filter(i => !!(i.trim()))
-                }
-            }
-        }
-
-        return () => <PlInput v-model={state.text} onChange={handler.onChange} onEnter={emit.onEnter}/>
-    },
-})

package/src/packages/PlFilter/filter.scss

@@ -1,11 +0,0 @@
-.pl-filter {
-  &.pl-input-group-block {
-    & > *:not(.pl-filter-ele) {
-      flex: 1;
-
-      & > .pl-input-inner {
-        width: 100%;
-      }
-    }
-  }
-}