@tmagic/form 1.4.7 → 1.4.8

package/src/shims-vue.d.ts

@@ -1,6 +0,0 @@
-declare module '*.vue' {
-  import { DefineComponent } from 'vue';
-
-  const component: DefineComponent<{}, {}, any>;
-  export default component;
-}

package/src/theme/date-time.scss

@@ -1,7 +0,0 @@
-.magic-datetime-picker-popper {
-  .el-picker-panel__footer {
-    button:first-child {
-      display: none;
-    }
-  }
-}

package/src/theme/fieldset.scss

@@ -1,28 +0,0 @@
-fieldset.m-fieldset {
-  position: relative;
-  border: 1px solid rgb(229, 229, 229);
-  margin-top: 10px;
-  margin-bottom: 10px;
-  min-inline-size: auto;
-
-  .el-checkbox {
-    height: 22px;
-  }
-
-  legend {
-    font-size: 14px;
-    position: absolute;
-    border: 0;
-    top: -10px;
-    left: 20px;
-    background: rgb(255, 255, 255);
-    width: auto;
-    padding: 0px 3px;
-    font-weight: bold;
-    line-height: 20px;
-  }
-
-  .m-form-tip {
-    margin-left: 5px;
-  }
-}

package/src/theme/form-box.scss

@@ -1,13 +0,0 @@
-.m-form-box {
-  display: flex;
-  flex-direction: column;
-  .el-box__header {
-    margin: 0;
-  }
-
-  .dialog-footer {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-  }
-}

package/src/theme/form-dialog.scss

@@ -1,13 +0,0 @@
-.m-form-dialog {
-  .el-dialog__body {
-    padding: 0 !important;
-  }
-
-  .m-dialog-body {
-    padding: 0 20px;
-  }
-
-  .el-table .m-form-item .el-form-item {
-    margin-bottom: 0;
-  }
-}

package/src/theme/form-drawer.scss

@@ -1,11 +0,0 @@
-.m-form-drawer {
-  .el-drawer__header {
-    margin: 0;
-  }
-
-  .m-drawer-body {
-    height: 100%;
-    overflow-y: auto;
-    overflow-x: hidden;
-  }
-}

package/src/theme/form.scss

@@ -1,43 +0,0 @@
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 0.5s;
-}
-
-.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
-  opacity: 0;
-}
-
-.m-form {
-  .m-form-tip {
-    color: rgba(0, 0, 0, 0.45);
-    font-size: 12px;
-    transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-  }
-
-  .m-form-schematic {
-    max-width: 50%;
-    height: 100%;
-  }
-
-  .el-table {
-    .cell > div.m-form-container {
-      display: block;
-    }
-  }
-
-  .el-tabs {
-    margin-bottom: 10px;
-  }
-
-  .el-form-item.hidden {
-    > .el-form-item__label {
-      display: none;
-    }
-  }
-
-  .t-form__item.hidden {
-    > .t-form__label {
-      display: none;
-    }
-  }
-}

package/src/theme/group-list.scss

@@ -1,23 +0,0 @@
-.m-fields-group-list {
-  .el-button--text {
-    padding: 0;
-    margin-bottom: 7px;
-  }
-
-  .el-tree-node__expand-icon {
-    padding: 0;
-    margin-bottom: 7px;
-    &.expand {
-      transform: rotate(90deg);
-    }
-  }
-
-  .m-fields-group-list-item {
-    border-bottom: 1px solid #ebeef5;
-    margin-bottom: 7px;
-
-    &:last-of-type {
-      border-bottom: 0;
-    }
-  }
-}

package/src/theme/index.scss

@@ -1,14 +0,0 @@
-@use "./form-dialog.scss";
-@use "./form-drawer.scss";
-@use "./form.scss";
-@use "./date-time.scss";
-@use "./text.scss";
-@use "./link.scss";
-@use "./fieldset.scss";
-@use "./group-list.scss";
-@use "./panel.scss";
-@use "./table.scss";
-@use "./select.scss";
-@use "./tabs.scss";
-@use "./number-range.scss";
-@use "./form-box.scss";

package/src/theme/link.scss

@@ -1,3 +0,0 @@
-div.m-fields-link {
-  width: fit-content;
-}

package/src/theme/number-range.scss

@@ -1,8 +0,0 @@
-.m-fields-number-range {
-  display: flex;
-  align-items: center;
-
-  .split-tag {
-    margin: 0 5px;
-  }
-}

package/src/theme/panel.scss

@@ -1,24 +0,0 @@
-.m-form-panel {
-  .el-card__header {
-    &:hover {
-      background: #f2f6fc;
-    }
-    a {
-      color: #409eff;
-    }
-  }
-
-  .el-card__body {
-    padding: 10px;
-  }
-
-  .m-form-tip {
-    margin-left: 5px;
-  }
-}
-
-.m-container-panel {
-  &:not(:last-of-type) {
-    margin-bottom: 20px;
-  }
-}

package/src/theme/select.scss

@@ -1,3 +0,0 @@
-.m-select {
-  width: 100%;
-}

package/src/theme/table.scss

@@ -1,70 +0,0 @@
-.m-fields-table-wrap {
-  width: 100%;
-}
-
-.m-fields-table {
-  width: 100%;
-  &.fixed {
-    position: fixed;
-    height: 100%;
-    overflow: auto;
-    top: 0;
-    right: 0;
-    left: 0;
-    bottom: 0;
-    z-index: 100;
-    background: rgba(0, 0, 0, 0.5);
-
-    & > .el-form-item__content {
-      z-index: 101;
-      position: relative;
-      margin: 10vh auto;
-      max-width: fit-content;
-    }
-    table {
-      width: 95vw !important;
-    }
-  }
-
-  th {
-    background-color: #f2f2f2 !important;
-    color: #333 !important;
-  }
-
-  .el-table {
-    th {
-      padding: 0 !important;
-    }
-  }
-
-  .el-table__column--dropable {
-    cursor: move;
-  }
-
-  .el-form-item__content {
-    .el-input-group {
-      vertical-align: middle;
-    }
-  }
-
-  &.m-fields-table-item-extra {
-    tr.expanded td {
-      border-bottom: 0;
-    }
-  }
-
-  .el-table__expanded-cell {
-    .m-form-tip {
-      margin-left: 80px;
-    }
-  }
-
-  .el-form-item {
-    margin-bottom: 0;
-  }
-
-  .m-table-delete-icon {
-    color: #f56c6c;
-    cursor: pointer;
-  }
-}

package/src/theme/tabs.scss

@@ -1,27 +0,0 @@
-.magic-form-dynamic-tab {
-  .el-tabs__header.is-top {
-    padding-right: 8px;
-    .el-tabs__new-tab {
-      margin-right: auto;
-      min-width: 50px;
-      outline: none;
-      border-color: #409eff;
-      color: #409eff;
-      width: 10px;
-      &::before {
-        content: "添加";
-      }
-      .el-icon-plus {
-        display: none;
-      }
-    }
-  }
-}
-
-.magic-form-tab {
-  margin-bottom: 10px;
-}
-
-.diff-count-badge {
-  top: -10px;
-}

package/src/theme/text.scss

@@ -1,6 +0,0 @@
-.m-form-validate__warning {
-  color: var(--el-color-warning);
-  font-size: 12px;
-  width: 100%;
-  line-height: 1.4;
-}

package/src/utils/config.ts

@@ -1,27 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-let $MAGIC_FORM = {} as any;
-
-const setConfig = (option: any): void => {
-  $MAGIC_FORM = option;
-};
-
-const getConfig = <T = unknown>(key: string): T => $MAGIC_FORM[key];
-
-export { getConfig, setConfig };

package/src/utils/containerProps.ts

@@ -1,50 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { PropType } from 'vue';
-
-import { ChildConfig, FormValue } from '../schema';
-
-export default {
-  labelWidth: String,
-  expandMore: Boolean,
-
-  model: {
-    type: [Object, Array] as PropType<FormValue>,
-    required: true,
-  },
-
-  config: {
-    type: Object as PropType<ChildConfig>,
-    required: true,
-  },
-
-  prop: {
-    type: String,
-    default: () => '',
-  },
-
-  stepActive: {
-    type: [String, Number],
-  },
-
-  size: {
-    type: String,
-    default: 'small',
-  },
-};

package/src/utils/form.ts

@@ -1,268 +0,0 @@
-/*
- * Tencent is pleased to support the open source community by making TMagicEditor available.
- *
- * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/* eslint-disable no-param-reassign */
-import { toRaw } from 'vue';
-import { cloneDeep } from 'lodash-es';
-
-import {
-  ChildConfig,
-  ContainerCommonConfig,
-  DaterangeConfig,
-  FormConfig,
-  FormState,
-  FormValue,
-  HtmlField,
-  Rule,
-  TabPaneConfig,
-  TypeFunction,
-} from '../schema';
-
-interface DefaultItem {
-  defaultValue: any;
-  type: string;
-  filter: string;
-  multiple: boolean;
-}
-
-const isTableSelect = (type?: string | TypeFunction) =>
-  typeof type === 'string' && ['table-select', 'tableSelect'].includes(type);
-
-const asyncLoadConfig = (value: FormValue, initValue: FormValue, { asyncLoad, name, type }: HtmlField) => {
-  // 富文本配置了异步加载
-  if (type === 'html' && typeof asyncLoad === 'object' && typeof name !== 'undefined') {
-    asyncLoad.name = name;
-    value.asyncLoad = typeof initValue.asyncLoad === 'object' ? initValue.asyncLoad : asyncLoad;
-  }
-};
-
-const isMultipleValue = (type?: string | TypeFunction) =>
-  typeof type === 'string' &&
-  ['checkbox-group', 'checkboxGroup', 'table', 'cascader', 'group-list', 'groupList'].includes(type);
-
-const initItemsValue = (
-  mForm: FormState | undefined,
-  value: FormValue,
-  initValue: FormValue,
-  { items, name, extensible }: any,
-) => {
-  if (Array.isArray(initValue[name])) {
-    value[name] = initValue[name].map((v: any, index: number) => createValues(mForm, items, v, value[name]?.[index]));
-  } else {
-    value[name] = createValues(mForm, items, initValue[name], value[name]);
-    if (extensible) {
-      value[name] = Object.assign({}, initValue[name], value[name]);
-    }
-  }
-};
-
-const setValue = (mForm: FormState | undefined, value: FormValue, initValue: FormValue, item: any) => {
-  const { items, name, type, checkbox } = item;
-  // 值是数组， 有可能也有items配置，所以不能放到getDefaultValue里赋值
-  if (isMultipleValue(type) || (type === 'tab' && item.dynamic)) {
-    value[name] = initValue[name] || [];
-  }
-
-  // 有子项继续递归，没有的话有初始值用初始值，没有初始值用默认值
-  if (items) {
-    initItemsValue(mForm, value, initValue, item);
-  } else {
-    value[name] = getDefaultValue(mForm, item as DefaultItem);
-  }
-
-  // 如果fieldset配置checkbox，checkbox的值保存在value中
-  if (type === 'fieldset' && checkbox) {
-    if (typeof value[name] === 'object') {
-      value[name].value = typeof initValue[name] === 'object' ? initValue[name].value || 0 : 0;
-    }
-  }
-};
-
-const initValueItem = function (
-  mForm: FormState | undefined,
-  item: ChildConfig | TabPaneConfig,
-  initValue: FormValue,
-  value: FormValue,
-) {
-  const { items } = item as ContainerCommonConfig;
-  const { names } = item as DaterangeConfig;
-  const { type, name } = item as ChildConfig;
-
-  if (isTableSelect(type) && name) {
-    value[name] = initValue[name] || '';
-    return value;
-  }
-
-  asyncLoadConfig(value, initValue, item as HtmlField);
-
-  // 这种情况比较多，提前结束
-  if (name && !items && typeof initValue[name] !== 'undefined') {
-    if (typeof value[name] === 'undefined') {
-      if (type === 'number') {
-        value[name] = Number(initValue[name]);
-      } else {
-        value[name] = typeof initValue[name] === 'object' ? cloneDeep(initValue[name]) : initValue[name];
-      }
-    }
-
-    return value;
-  }
-
-  if (names) {
-    return names.forEach((n: string) => (value[n] = initValue[n] || ''));
-  }
-
-  if (!name) {
-    // 没有配置name，直接跳过
-    return createValues(mForm, items, initValue, value);
-  }
-
-  setValue(mForm, value, initValue, item);
-
-  return value;
-};
-
-export const createValues = function (
-  mForm: FormState | undefined,
-  config: FormConfig | TabPaneConfig[] = [],
-  initValue: FormValue = {},
-  value: FormValue = {},
-) {
-  if (Array.isArray(config)) {
-    config.forEach((item: ChildConfig | TabPaneConfig) => {
-      initValueItem(mForm, item, initValue, value);
-    });
-  }
-
-  return value;
-};
-
-const getDefaultValue = function (mForm: FormState | undefined, { defaultValue, type, filter, multiple }: DefaultItem) {
-  if (typeof defaultValue === 'function') {
-    return defaultValue(mForm);
-  }
-
-  // 如果直接设置为undefined，在解析成js对象时会丢失这个配置，所以用'undefined'代替
-  if (defaultValue === 'undefined') {
-    return undefined;
-  }
-
-  if (typeof defaultValue !== 'undefined') {
-    return defaultValue;
-  }
-
-  if (type === 'number' || filter === 'number') {
-    return 0;
-  }
-
-  if (['switch', 'checkbox'].includes(type)) {
-    return false;
-  }
-
-  if (multiple || type === 'number-range') {
-    return [];
-  }
-
-  return '';
-};
-
-export const filterFunction = <T = any>(mForm: FormState | undefined, config: T, props: any) => {
-  if (typeof config !== 'function') {
-    return config;
-  }
-
-  return config(mForm, {
-    values: mForm?.initValues || {},
-    model: props.model,
-    parent: mForm?.parentValues || {},
-    formValue: mForm?.values || props.model,
-    prop: props.prop,
-    config: props.config,
-    index: props.index,
-  });
-};
-
-export const display = function (mForm: FormState | undefined, config: any, props: any) {
-  if (config === 'expand') {
-    return config;
-  }
-
-  if (typeof config === 'function') {
-    return filterFunction(mForm, config, props);
-  }
-
-  if (config === false) {
-    return false;
-  }
-
-  return true;
-};
-
-export const getRules = function (mForm: FormState | undefined, rules: Rule[] | Rule = [], props: any) {
-  rules = cloneDeep(rules);
-
-  if (typeof rules === 'object' && !Array.isArray(rules)) {
-    rules = [rules];
-  }
-
-  return rules.map((item) => {
-    if (typeof item.validator === 'function') {
-      const fnc = item.validator;
-
-      (item as any).validator = (rule: any, value: any, callback: Function, source: any, options: any) =>
-        fnc(
-          {
-            rule,
-            value: props.config.names ? props.model : value,
-            callback,
-            source,
-            options,
-          },
-          {
-            values: mForm?.initValues || {},
-            model: props.model,
-            parent: mForm?.parentValues || {},
-            formValue: mForm?.values || props.model,
-            prop: props.prop,
-            config: props.config,
-          },
-          mForm,
-        );
-    }
-    return item;
-  });
-};
-
-export const initValue = async (
-  mForm: FormState | undefined,
-  { initValues, config }: { initValues: FormValue; config: FormConfig },
-) => {
-  if (!Array.isArray(config)) throw new Error('config应该为数组');
-
-  let valuesTmp = createValues(mForm, config, toRaw(initValues), {});
-
-  const [firstForm] = config as [ContainerCommonConfig];
-  if (firstForm && typeof firstForm.onInitValue === 'function') {
-    valuesTmp = await firstForm.onInitValue(mForm, {
-      formValue: valuesTmp,
-      initValue: initValues,
-    });
-  }
-
-  return valuesTmp || {};
-};