@aplus-frontend/ui 0.0.1-beta.9 → 0.0.2

package/es/src/theme/ap-upload/picture.css

@@ -0,0 +1,112 @@
+.aplus-ap-upload-picture .picture-context {
+  display: grid;
+  grid-gap: 16px;
+  grid-template-columns: repeat(auto-fill, 100px);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.aplus-ap-upload-picture .picture-context .picture-upload {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100px;
+  overflow: hidden;
+  transition: all 0.2s;
+  border: 1px dashed #dee4ed;
+  border-radius: 4px;
+  background: #f2f6f9;
+  color: #abb7cc;
+  font-size: 16px;
+  cursor: pointer;
+  aspect-ratio: 1 / 1;
+}
+.aplus-ap-upload-picture .picture-context .picture-upload > * + * {
+  margin-top: 8px;
+  font-size: 14px;
+}
+.aplus-ap-upload-picture .picture-context .picture-upload:hover {
+  border: 1px dashed #0070ff;
+}
+.aplus-ap-upload-picture .picture-context .picture-item {
+  width: 100px;
+  padding: 8px;
+  overflow: hidden;
+  border: 1px solid #dee4ed;
+  border-radius: 4px;
+  background: #fff;
+  aspect-ratio: 1 / 1;
+}
+.aplus-ap-upload-picture .picture-context .picture-item .picture-item-box {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  border-radius: 2px;
+}
+.aplus-ap-upload-picture .picture-context .picture-item .picture-item-box > img {
+  width: 100%;
+  height: 100%;
+  border-radius: 2px;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.aplus-ap-upload-picture .picture-context .picture-item .picture-item-box:hover > .picture-item-shadow {
+  display: block !important;
+}
+.aplus-ap-upload-picture .picture-context .picture-item .picture-item-box .picture-item-shadow {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: 2px;
+  background: rgba(0, 0, 0, 0.5);
+  color: #fff;
+  font-size: 14px;
+}
+.aplus-ap-upload-picture .picture-context .picture-item .picture-item-box .picture-item-shadow .picture-item-close {
+  display: flex;
+  position: absolute;
+  top: 0;
+  right: 0;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  overflow: hidden;
+  transform: translate(30%, -30%);
+  border: 1px solid #fff;
+  border-radius: 50%;
+  background: #ff4d4f;
+  color: #fff;
+  font-size: 10px;
+  cursor: pointer;
+  aspect-ratio: 1 / 1;
+}
+.aplus-ap-upload-picture .picture-context .picture-item .picture-item-box .picture-item-shadow .picture-item-uploading {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 84%;
+  transform: translate(-50%, -50%);
+  text-align: center;
+}
+.aplus-ap-upload-picture .picture-title {
+  margin-top: 8px;
+  color: #8896b0;
+  font-size: 14px;
+}
+.aplus-ap-upload-picture-admin .picture-context .picture-upload {
+  border: 1px dashed #d9d9d9;
+  background: #fafafa;
+  color: #bfbfbf;
+}
+.aplus-ap-upload-picture-admin .picture-context .picture-upload:hover {
+  border: 1px dashed #34b77c;
+}
+.aplus-ap-upload-picture-admin .picture-context .picture-item {
+  border: 1px solid #d9d9d9;
+}
+.aplus-ap-upload-picture-admin .picture-context .picture-title {
+  color: #999;
+}

package/es/src/theme/ap-upload/single-file.css

@@ -0,0 +1,98 @@
+.aplus-ap-upload-single-file {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 200px;
+  overflow: hidden;
+  transition: all 0.3s;
+  border: 1px dashed #dee4ed;
+  border-radius: 4px;
+  background: #f2f6f9;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.aplus-ap-upload-single-file > div {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.aplus-ap-upload-single-file .state-un {
+  flex-direction: column;
+}
+.aplus-ap-upload-single-file .state-un .state-un-icon {
+  display: block;
+  width: 56px;
+}
+.aplus-ap-upload-single-file .state-un .state-un-title {
+  margin-top: 10px;
+  color: #182948;
+  font-size: 16px;
+  line-height: 22px;
+}
+.aplus-ap-upload-single-file .state-un .state-un-subtitle {
+  margin-top: 4px;
+  color: #abb7cc;
+  font-size: 12px;
+  line-height: 18px;
+}
+.aplus-ap-upload-single-file .state-ing {
+  display: flex;
+  align-items: center;
+  width: min(516px, 77.24%);
+  height: 96px;
+  padding: 0 24px;
+  border-radius: 4px;
+  background: #fff;
+}
+.aplus-ap-upload-single-file .state-ing .left {
+  flex-shrink: 0;
+  width: 48px;
+  margin-right: 16px;
+}
+.aplus-ap-upload-single-file .state-ing .left img {
+  display: block;
+  width: 100%;
+}
+.aplus-ap-upload-single-file .state-ing .center {
+  flex: 1;
+}
+.aplus-ap-upload-single-file .state-ing .center .center-title {
+  display: -webkit-box;
+  overflow: hidden;
+  font-size: 14px;
+  text-align: start;
+  text-overflow: ellipsis;
+  word-wrap: break-word;
+  word-break: break-all;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.aplus-ap-upload-single-file .state-ing .center .center-progress .ant-progress-line {
+  margin-right: 0;
+  margin-bottom: 0;
+}
+.aplus-ap-upload-single-file .state-ing .right {
+  flex-shrink: 0;
+  margin-left: 24px;
+  color: #ff4d4f;
+  font-size: 20px;
+  cursor: pointer !important;
+}
+.aplus-ap-upload-single-file-un {
+  cursor: pointer;
+}
+.aplus-ap-upload-single-file-un:hover {
+  border: 1px dashed #0070ff;
+  background: rgba(0, 112, 255, 0.1);
+}
+.aplus-ap-upload-single-file-admin {
+  border: 1px dashed #D9D9D9;
+}
+.aplus-ap-upload-single-file-admin .state-un .state-un-title {
+  color: #333;
+}
+.aplus-ap-upload-single-file-admin .state-un .state-un-subtitle {
+  color: #BFBFBF;
+}

package/es/src/theme/ap-upload/upload.css

@@ -0,0 +1,6 @@
+.aplus-ap-upload {
+  position: relative;
+}
+.aplus-ap-upload .ant-btn {
+  min-width: 0;
+}

package/es/src/theme/custom-column/column-select.css

@@ -0,0 +1,44 @@
+.aplus-column-select-admin__des {
+  color: #999;
+  line-height: 18px;
+}
+.aplus-column-select-admin__statistics {
+  color: #666;
+}
+.aplus-column-select-admin__all .ant-checkbox-wrapper {
+  padding: 0 6px;
+}
+.aplus-column-select-admin__content {
+  flex: 1;
+  overflow-y: auto;
+}
+.aplus-column-select-admin__content .ant-checkbox-wrapper {
+  width: 100%;
+  margin: 2px 0;
+  padding: 6px;
+}
+.aplus-column-select-admin__content .ant-checkbox-wrapper:hover {
+  background: #f5f5f5;
+}
+.aplus-column-select__des {
+  line-height: 18px;
+  color: #8896b0;
+}
+.aplus-column-select__statistics {
+  color: #526a90;
+}
+.aplus-column-select__all .ant-checkbox-wrapper {
+  padding: 0 6px;
+}
+.aplus-column-select__content {
+  flex: 1;
+  overflow-y: auto;
+}
+.aplus-column-select__content .ant-checkbox-wrapper {
+  width: 100%;
+  margin: 2px 0;
+  padding: 6px;
+}
+.aplus-column-select__content .ant-checkbox-wrapper:hover {
+  background: #f6f9fa;
+}

package/es/src/theme/custom-column/custom-column.css

@@ -0,0 +1,46 @@
+.aplus-custom-column-admin .ant-btn-default {
+  border-color: #d9d9d9;
+}
+.aplus-custom-column-admin .ant-btn-default:hover {
+  border-color: #d9d9d9;
+  background: #f5f5f5;
+}
+.aplus-custom-column-admin .ant-btn-default > .anticon {
+  color: #999;
+}
+.aplus-custom-column-admin__drawer .ant-drawer-content-wrapper {
+  border-left: 1px solid #d9d9d9;
+  box-shadow: -4px 0 12px 0 rgba(44, 54, 69, 0.1);
+}
+.aplus-custom-column-admin__drawer .ant-drawer-title {
+  color: #000;
+}
+.aplus-custom-column-admin__drawer .ant-drawer-mask {
+  background: transparent;
+}
+.aplus-custom-column-admin__drawer .ant-drawer-extra .anticon {
+  color: #999;
+}
+.aplus-custom-column .ant-btn-default {
+  border-color: #dee4ed;
+}
+.aplus-custom-column .ant-btn-default:hover {
+  background: #f6f9fa;
+  border-color: #dee4ed;
+}
+.aplus-custom-column .ant-btn-default > .anticon {
+  color: #8896b0;
+}
+.aplus-custom-column__drawer .ant-drawer-content-wrapper {
+  border-left: 1px solid #dee4ed;
+  box-shadow: -4px 0 12px 0 rgba(44, 54, 69, 0.1);
+}
+.aplus-custom-column__drawer .ant-drawer-title {
+  color: #182948;
+}
+.aplus-custom-column__drawer .ant-drawer-mask {
+  background: transparent;
+}
+.aplus-custom-column__drawer .ant-drawer-extra .anticon {
+  color: #8896b0;
+}

package/es/src/theme/modal/index.css

@@ -1,103 +0,0 @@
-.fullscreen-modal {
-  overflow: hidden;
-}
-.fullscreen-modal .ant-modal {
-  inset: 0 !important;
-  width: 100% !important;
-  max-width: 100%;
-  height: 100%;
-}
-.fullscreen-modal .ant-modal-content {
-  height: 100%;
-  overflow: hidden;
-}
-.fullscreen-modal .ant-modal-footer {
-  margin-top: 0;
-}
-.aplus-basic-modal {
-  width: 520px;
-  padding-bottom: 0;
-}
-.aplus-basic-modal .ant-modal-body > .aplus-scrollbar {
-  padding: 20px;
-  padding-bottom: 0;
-}
-.aplus-basic-modal .ant-modal-title {
-  font-size: 16px;
-  font-weight: bold;
-}
-.aplus-basic-modal .ant-modal-title .aplus-basic-title {
-  cursor: move !important;
-  padding-left: 0;
-}
-.aplus-basic-modal .ant-modal-body {
-  padding: 0;
-}
-.aplus-basic-modal .ant-modal-body > .aplus-scrollbar > .aplus-scrollbar__bar.is-horizontal {
-  display: none;
-}
-.aplus-basic-modal .ant-modal-large {
-  top: 60px;
-}
-.aplus-basic-modal .ant-modal-large .ant-modal--mini {
-  top: 16px;
-}
-.aplus-basic-modal .ant-modal-header {
-  padding: 15px 20px;
-  margin-bottom: 0;
-  border-bottom: 1px solid #dee4ed;
-}
-.aplus-basic-modal .ant-modal-content {
-  padding: 0 !important;
-}
-.aplus-basic-modal .ant-modal-footer {
-  padding: 20px;
-  margin-top: 0;
-}
-.aplus-basic-modal .ant-modal-footer button + button {
-  margin-left: 10px;
-}
-.aplus-basic-modal .ant-modal-close {
-  top: 0 !important;
-  right: 0 !important;
-  width: auto !important;
-  outline: none;
-  background: transparent !important;
-  font-weight: normal;
-}
-.aplus-basic-modal .ant-modal-close-x {
-  display: inline-block;
-  width: 96px;
-  height: 56px;
-  line-height: 56px !important;
-}
-.aplus-basic-modal .ant-modal-confirm-body .ant-modal-confirm-content > * {
-  color: #909399;
-}
-.aplus-basic-modal .ant-modal-confirm-confirm.error .ant-modal-confirm-body > .anticon {
-  color: #ed6f6f;
-}
-.aplus-basic-modal .ant-modal-confirm-btns .ant-btn:last-child {
-  margin-right: 0;
-}
-.aplus-basic-modal .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
-  color: #efbd47;
-}
-.aplus-basic-modal .ant-modal-confirm-confirm.success .ant-modal-confirm-body > .anticon {
-  color: #34b77c;
-}
-@media screen and (height <= 600px) {
-  .ant-modal {
-    top: 60px;
-  }
-}
-@media screen and (height <= 540px) {
-  .ant-modal {
-    top: 30px;
-  }
-}
-@media screen and (height <= 480px) {
-  .ant-modal {
-    top: 10px;
-  }
-}

package/es/src/theme/pro-form/form.css

@@ -4,6 +4,3 @@
 .aplus-basic-form .ant-form-explain {
   font-size: 14px;
 }
-.aplus-basic-form--compact .ant-form-item {
-  margin-bottom: 8px !important;
-}

package/es/src/theme/pro-form/table-form-inner.css

@@ -0,0 +1,104 @@
+.aplus-pro-table-form .table-form-admin .ant-table-wrapper {
+  padding: 0;
+}
+.aplus-pro-table-form .table-form-admin .ant-table .ant-table-tbody > tr > td,
+.aplus-pro-table-form .table-form-admin .ant-table .ant-table-body .ant-table-tbody > tr.ant-table-row > td {
+  padding: 18px 16px 0px ;
+}
+.aplus-pro-table-form .table-form-admin .ant-table .ant-table-body .ant-table-tbody > tr.ant-table-row > td:first-child {
+  padding: 18px 16px 0 ;
+}
+.aplus-pro-table-form .table-form-admin .ant-table .ant-form-item {
+  margin-bottom: 18px;
+}
+.aplus-pro-table-form .table-form-admin .ant-table .ant-form-item .ant-form-item-explain {
+  line-height: 18px;
+}
+.aplus-pro-table-form .table-form-admin .ant-table .ant-form-item .ant-form-item-explain + div {
+  height: 18px ;
+}
+.aplus-pro-table-form .table-form-admin .ant-table .ant-table-thead > tr > th {
+  padding: 10.5px 16px !important;
+  background: #fafafa;
+  color: #182948;
+}
+.aplus-pro-table-form .table-form-aplus .ant-form-item {
+  margin-bottom: 0;
+}
+.aplus-pro-table-form .table-form-aplus .ant-form-item-has-error.ant-form-item {
+  margin-bottom: 24px;
+}
+.aplus-pro-table-form .table-form-aplus .ant-table-tbody > tr > td,
+.aplus-pro-table-form .table-form-aplus .ant-table-body .ant-table-tbody > tr.ant-table-row > td {
+  padding: 16px 8px ;
+}
+.aplus-pro-table-form .table-form-aplus .ant-table-body .ant-table-tbody > tr.ant-table-row > td:first-child {
+  padding: 16px 8px ;
+}
+.aplus-pro-table-form .ant-table {
+  border-radius: 0 !important;
+}
+.aplus-pro-table-form .ant-table .ant-table-container table > thead > tr:first-child > *:first-child {
+  border-start-start-radius: 0;
+}
+.aplus-pro-table-form .ant-table .ant-table-container table > thead > tr:first-child > *:last-child {
+  border-start-end-radius: 0;
+}
+.aplus-pro-table-form .ant-table .ant-table-container,
+.aplus-pro-table-form .ant-table .ant-table-thead {
+  border-start-start-radius: 0;
+  border-start-end-radius: 0;
+}
+.aplus-pro-table-form .ant-table .ant-table-thead > tr > th {
+  padding: 15.5px 8px !important;
+  background: #f2f6f9;
+  color: #182948;
+  text-align: left !important;
+}
+.aplus-pro-table-form .ant-table .ant-table-thead > tr > th::before {
+  display: none;
+  visibility: hidden;
+  width: 0;
+}
+.aplus-pro-table-form .ant-table .ant-table-content {
+  overflow-x: scroll;
+}
+.aplus-pro-table-form .ant-table-row.ant-table-row-level-0 .ant-table-cell {
+  vertical-align: top;
+}
+.aplus-pro-table-form--required {
+  color: #FF4D4F;
+  margin-top: 4px;
+}
+.aplus-pro-table-form--edit-cell {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-start;
+}
+.aplus-pro-table-form--form-item {
+  width: 100%;
+}
+.aplus-pro-table-form--edit-wraper {
+  display: flex;
+}
+.aplus-pro-table-form--field-error .ant-input-number,
+.aplus-pro-table-form--field-error .ant-input {
+  border-color: #ff4d4f;
+}
+.aplus-pro-table-form--text-cell {
+  margin-top: 5px;
+}
+.aplus-pro-table-form--action-cell {
+  display: flex;
+  align-items: center;
+  margin-top: 5px;
+}
+.aplus-pro-table-form--error-tip {
+  margin-left: 8px;
+  color: #FF4D4F;
+}
+.aplus-pro-table-form .ant-input-number {
+  width: 100% !important;
+}

package/es/src/theme/work-order-modal/index.css

@@ -0,0 +1,3 @@
+.aplus-work-order-modal .ant-form-item .ant-form-item-label {
+  min-width: 86px;
+}

package/es/src/utils/config-provider-preset.d.ts

@@ -0,0 +1,79 @@
+import { TransformCellTextProps } from 'ant-design-vue/lib/table/interface';
+import { ConfigProviderProps } from 'ant-design-vue';
+import { ThemeConfig } from 'ant-design-vue/es/config-provider/context';
+import { CSPConfig } from 'ant-design-vue/es/config-provider';
+import { Locale } from 'ant-design-vue/es/locale';
+import { ButtonSize } from 'ant-design-vue/es/button';
+import { ValidateMessages } from 'ant-design-vue/es/form/interface';
+import { RequiredMark } from 'ant-design-vue/es/form/Form';
+import { default as __DTS_DEFAULT_0__ } from 'ant-design-vue/es/config-provider/renderEmpty';
+import { TransformCellTextProps } from 'ant-design-vue/es/table/interface';
+
+/**
+ * 弹出框（Select, Tooltip, Menu 等等）渲染父节点，默认渲染到 body 上
+ * 解决弹出框滚动问题
+ * @param trigger
+ * @returns
+ */
+export declare const getPopupContainer: (trigger: HTMLElement | undefined) => HTMLElement;
+/**
+ * Table 数据渲染前可以再次改变，一般用户空数据的默认配置
+ * 解决表格空状态设置为--
+ * @param param0
+ * @returns
+ */
+export declare const transformCellText: ({ text }: TransformCellTextProps) => any;
+/**
+ * 设置为 false 时，移除按钮中 2 个汉字之间的空格
+ */
+export declare const autoInsertSpaceInButton = false;
+/**
+ * antdv的configProvider预设
+ */
+export declare const antdConfigProviderPresets: Partial<ConfigProviderProps>;
+/**
+ * 预设和antd provider config合并 合并规则，未自定义时才使用默认预设
+ * @param config
+ * @returns
+ */
+export declare function mergeAntdProvideConfig(config: ConfigProviderProps): {
+    theme?: ThemeConfig | undefined;
+    direction?: "ltr" | "rtl" | undefined;
+    csp?: CSPConfig | undefined;
+    input?: {
+        autocomplete?: string | undefined;
+    } | undefined;
+    locale?: Locale | undefined;
+    pageHeader?: {
+        ghost?: boolean | undefined;
+    } | undefined;
+    space?: {
+        size?: number | ButtonSize;
+    } | undefined;
+    dropdownMatchSelectWidth?: number | boolean | undefined;
+    form?: {
+        validateMessages?: ValidateMessages | undefined;
+        requiredMark?: RequiredMark | undefined;
+        colon?: boolean | undefined;
+    } | undefined;
+    pagination?: {
+        showSizeChanger?: boolean | undefined;
+    } | undefined;
+    select?: {
+        showSearch?: boolean | undefined;
+    } | undefined;
+    wave?: {
+        disabled?: boolean | undefined;
+    } | undefined;
+    getPopupContainer?: ((triggerNode?: HTMLElement | undefined) => HTMLElement) | undefined;
+    prefixCls?: string | undefined;
+    iconPrefixCls?: string | undefined;
+    getTargetContainer?: (() => HTMLElement | Window) | undefined;
+    getPrefixCls?: ((suffixCls?: string | undefined, customizePrefixCls?: string | undefined) => string) | undefined;
+    renderEmpty?: __DTS_DEFAULT_0__ | undefined;
+    transformCellText?: ((tableProps: TransformCellTextProps) => any) | undefined;
+    autoInsertSpaceInButton?: boolean | undefined;
+    componentSize?: ButtonSize;
+    componentDisabled?: boolean | undefined;
+    virtual?: boolean | undefined;
+};

package/es/src/utils/config-provider-preset.mjs

@@ -0,0 +1,30 @@
+import { isUndefined as a } from "lodash-unified";
+function s(e, n) {
+  var t, r;
+  return e != null && e.parentElement ? e.parentElement.classList.contains(n) ? (t = e.parentElement) != null && t.parentElement ? (r = e.parentElement.parentElement.className) == null ? void 0 : r.includes("basic-table") : !1 : s(e.parentElement, n) : !1;
+}
+const u = (e) => s(e, "ant-form") && (e == null ? void 0 : e.parentNode) || (document == null ? void 0 : document.body), f = ({ text: e }) => {
+  const n = (t) => t == null || t === "";
+  return Array.isArray(e) ? n(e[0]) ? "--" : e[0] : n(e) ? "--" : e;
+}, m = !1, o = {
+  getPopupContainer: u,
+  transformCellText: f,
+  autoInsertSpaceInButton: m
+};
+function p(e) {
+  const n = {
+    ...e
+  }, t = Object.keys(
+    o
+  );
+  for (const r of t)
+    a(n[r]) && (n[r] = o[r]);
+  return n;
+}
+export {
+  o as antdConfigProviderPresets,
+  m as autoInsertSpaceInButton,
+  u as getPopupContainer,
+  p as mergeAntdProvideConfig,
+  f as transformCellText
+};

package/es/src/utils/index.d.ts

@@ -1,3 +1,5 @@
+import { Recordable } from '../type';
+
 /**
  * @description:  Set ui mount node
  */
@@ -12,3 +14,17 @@ export declare function getDynamicProps<T extends Record<string, unknown>, U>(pr
  */
 export declare function omitWhen<T extends object, K extends keyof T>(obj: T, fieldList?: K[], when?: (field: string, fieldValue: T[K]) => boolean): Omit<T, K>;
 export declare function isPascalCase(str: string): boolean;
+/**
+ * 递归处理reactive对象转raw object
+ * @param obj
+ * @returns
+ */
+export declare function convertReactiveToRaw(obj: Recordable<any>): Recordable<any>;
+/**
+ * 删除对象中为undefined的key
+ * @param value
+ * @returns
+ */
+export declare function omitUndefined(value: Recordable<any>): {
+    [x: string]: any;
+};