ls-pro-common 3.0.14 → 3.0.15

package/es/components/common.less

@@ -0,0 +1,474 @@
+body {
+
+  --bg-color: #F9FAFB;
+
+
+  --ant-primary-color: #1869ED;
+  --ant-primary-color-hover: #418efa;
+  --ant-primary-color-active: #0a4cc7;
+  --ant-primary-color-outline: rgba(24, 105, 237, 0.4);
+  --ant-primary-1: #e6f4ff;
+  --ant-primary-2: #bddfff;
+  --ant-primary-3: #94c8ff;
+  --ant-primary-4: #6baeff;
+  --ant-primary-5: #418efa;
+  --ant-primary-6: #1869ED;
+  --ant-primary-7: #0a4cc7;
+  --ant-primary-color-deprecated-pure: #bed5fa;
+  --ant-primary-color-deprecated-l-35: #bed5fa;
+  --ant-primary-color-deprecated-l-20: #77a6f4;
+  --ant-primary-color-deprecated-t-20: #4687f1;
+  --ant-primary-color-deprecated-t-50: #8cb4f6;
+  --ant-primary-color-deprecated-f-12: rgba(24, 105, 237, 0.12);
+  --ant-primary-color-active-deprecated-f-30: rgba(230, 244, 255, 0.3);
+  --ant-primary-color-active-deprecated-d-02: #dcf0ff;
+  --ant-success-color: #52c41a;
+  --ant-success-color-hover: #73d13d;
+  --ant-success-color-active: #389e0d;
+  --ant-success-color-outline: rgba(82, 196, 26, 0.2);
+  --ant-success-color-deprecated-bg: #f6ffed;
+  --ant-success-color-deprecated-border: #b7eb8f;
+  --ant-error-color: #ff4d4f;
+  --ant-error-color-hover: #ff7875;
+  --ant-error-color-active: #d9363e;
+  --ant-error-color-outline: rgba(255, 77, 79, 0.2);
+  --ant-error-color-deprecated-bg: #fff2f0;
+  --ant-error-color-deprecated-border: #ffccc7;
+  --ant-warning-color: #faad14;
+  --ant-warning-color-hover: #ffc53d;
+  --ant-warning-color-active: #d48806;
+  --ant-warning-color-outline: rgba(250, 173, 20, 0.2);
+  --ant-warning-color-deprecated-bg: #fffbe6;
+  --ant-warning-color-deprecated-border: #ffe58f;
+  --ant-info-color: #1869ED;
+  --ant-info-color-deprecated-bg: #e6f4ff;
+  --ant-info-color-deprecated-border: #94c8ff;
+
+}
+
+* ::-webkit-scrollbar-thumb {
+  background-color: #EFF2F4;
+  border-radius: 6px;
+
+  &:hover {
+    background-color: #E4E7EA;
+    border-radius: 6px;
+  }
+}
+
+* ::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+  background-color: transparent;
+}
+
+* {
+  scrollbar-width: thin;
+}
+
+
+body.theme-yellow {
+  --ant-primary-color: #fa8500;
+  --ant-primary-color-hover: #ffa229;
+  --ant-primary-color-active: #d46a00;
+  --ant-primary-color-outline: rgba(250, 133, 0, 0.4);
+  --ant-primary-bg: #fff;
+  --ant-primary-side: #fff7e6;
+  --ant-primary-0: #ffd9ad;
+  --ant-primary-1: #fff7e6;
+  --ant-primary-2: #ffe0a3;
+  --ant-primary-3: #ffce7a;
+  --ant-primary-4: #ffba52;
+  --ant-primary-5: #ffa229;
+  --ant-primary-6: #fa8500;
+  --ant-primary-7: #d46a00;
+  --ant-primary-color-deprecated-pure: #ffd9ad;
+  --ant-primary-color-deprecated-l-35: #ffd9ad;
+  --ant-primary-color-deprecated-l-20: #ffb561;
+  --ant-primary-color-deprecated-t-20: #fb9d33;
+  --ant-primary-color-deprecated-t-50: #fdc280;
+  --ant-primary-color-deprecated-f-12: rgba(250, 133, 0, 0.12);
+  --ant-primary-color-active-deprecated-f-30: rgba(255, 247, 230, 0.3);
+  --ant-primary-color-active-deprecated-d-02: #fff4dc;
+  --ant-success-color: #52c41a;
+  --ant-success-color-hover: #73d13d;
+  --ant-success-color-active: #389e0d;
+  --ant-success-color-outline: rgba(82, 196, 26, 0.2);
+  --ant-success-color-deprecated-bg: #f6ffed;
+  --ant-success-color-deprecated-border: #b7eb8f;
+  --ant-error-color: #ff4d4f;
+  --ant-error-color-hover: #ff7875;
+  --ant-error-color-active: #d9363e;
+  --ant-error-color-outline: rgba(255, 77, 79, 0.2);
+  --ant-error-color-deprecated-bg: #fff2f0;
+  --ant-error-color-deprecated-border: #ffccc7;
+  --ant-warning-color: #faad14;
+  --ant-warning-color-hover: #ffc53d;
+  --ant-warning-color-active: #d48806;
+  --ant-warning-color-outline: rgba(250, 173, 20, 0.2);
+  --ant-warning-color-deprecated-bg: #fffbe6;
+  --ant-warning-color-deprecated-border: #ffe58f;
+  --ant-info-color: #fa8500;
+  --ant-info-color-deprecated-bg: #fff7e6;
+  --ant-info-color-deprecated-border: #ffce7a;
+  --antd-wave-shadow-color: #fa8500;
+
+  .ant-table-cell,
+  .ant-pro-table-alert-info-content {
+    a {
+      color: var(--ant-primary-color);
+    }
+
+    a:hover {
+      color: var(--ant-primary-color-hover);
+    }
+
+    a:active {
+      color: var(--ant-primary-color-active);
+    }
+  }
+}
+
+.dtl-layout {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: var(--bg-color, #f9fafb);
+  display: flex;
+  flex-direction: column;
+  z-index: 50;
+
+  .dtl-header {
+    display: flex;
+    justify-items: center;
+    padding: 8px 20px;
+    background: #fff;
+    // border-bottom: 1px solid #f0f0f0;
+
+    // .dtl-back {
+    //   display      : flex;
+    //   align-items  : center;
+    //   padding-right: 5px;
+
+    //   >span {
+    //     padding      : 3px;
+    //     border-radius: 2px;
+
+    //     &:hover {
+    //       background: var(--ant-primary-2);
+    //       color     : var(--ant-primary-color)
+    //     }
+    // }
+    // }
+
+    .dtl-title {
+      font-size: 16px;
+      font-weight: 700;
+      position: relative;
+    }
+
+    .dtl-btns {
+      flex: 1;
+      text-align: right;
+    }
+  }
+
+  .dtl-body {
+    height: 0;
+    flex: 1;
+    overflow: auto;
+  }
+
+  .dtl-flex {
+    display: flex;
+    flex-direction: column;
+  }
+}
+
+.flex {
+  flex: 1;
+}
+
+.flex-column {
+  display: flex;
+  flex-direction: column;
+
+  .flex {
+    height: 0;
+  }
+}
+
+.flex-row {
+  display: flex;
+  flex-direction: row;
+
+  .flex {
+    width: 0;
+  }
+}
+
+.page404 {
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  padding-top: 10%;
+  font-size: 15px;
+  font-weight: 600;
+  color: gray;
+  background-color: #fff;
+
+  img {
+    vertical-align: bottom;
+    padding-right: 5px;
+  }
+}
+
+.loading {
+  height: 100%;
+  width: 100%;
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #fff;
+}
+
+#myloading {
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 9999;
+  display: flex;
+  align-items: center;
+  background-color: rgba(226, 227, 231, 0.35);
+  justify-content: center;
+
+  .load-text {
+    padding: 4px 20px;
+    background-color: #fff;
+    border-radius: 4px;
+  }
+}
+
+
+a {
+  color: var(--ant-primary-color);
+}
+
+a:hover {
+  color: var(--ant-primary-5);
+}
+
+.image-selector,
+.icon-selector {
+  .img-upload {
+    width: 40px;
+    height: 40px;
+  }
+
+  .ant-upload-select {
+
+    .img-wrapper {
+      position: relative;
+
+      .clear-btn {
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        background: rgba(199, 202, 212, 0.9);
+        display: flex;
+        align-items: flex-start;
+        padding: 4px;
+        color: #1f4265;
+        justify-content: end;
+        display: none;
+      }
+
+      &:hover {
+        .clear-btn {
+          display: flex;
+        }
+      }
+
+      .img-preview {
+        max-width: 150px;
+        max-height: 150px;
+      }
+    }
+  }
+
+
+
+  .img-choose {
+    margin: 8px 0;
+  }
+
+  .img-desc {
+    color: rgba(69, 77, 100, 0.7)
+  }
+
+  .ant-modal-body {
+    padding: 8px;
+    max-height: calc(100vh - 180px);
+    overflow-y: auto;
+  }
+}
+
+
+.description-card {
+
+  .ant-pro-card-header {
+    height: 50px;
+  }
+
+  .ant-pro-card-body {
+    padding: 12px 24px 2px;
+  }
+
+  .ant-pro-card-header-border {
+    border-bottom: 1px solid #dbeafa;
+  }
+}
+
+.has-background {
+  background: #f6fafe;
+
+  .ant-descriptions-row>td,
+  .ant-descriptions-row>th {
+    padding-bottom: 10px
+  }
+}
+
+
+.ls-group-tip {
+  display: flex;
+  position: relative;
+  width: 100%;
+  align-items: center;
+  background: #fff;
+  padding-bottom: 12px;
+
+  .ls-group-divider {
+    height: 14px;
+    border-right: 2px solid var(--ant-primary-color);
+  }
+
+  .ls-group-text {
+    font-size: 14px;
+    color: #181818;
+    padding-left: 8px;
+  }
+}
+
+.ls-input-table {
+  .ant-pro-table-search {
+    box-shadow: none !important;
+    padding: 0 !important;
+  }
+
+  .ant-pro-table-list-toolbar {
+    padding-top: 0px;
+    min-height: 30px;
+  }
+}
+
+
+//-------------------省市区组件样式-----------
+//最外层盒子
+.ls-area-cascaded-box {
+  width: 600px;
+  display: flex;
+  flex-direction: column;
+  transition: all 0.3s;
+
+  .ls-area-cascaded-header {
+    width: 100%;
+    padding: 2px 0 6px;
+    border-bottom: 1px solid #f0f0f0;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    justify-content: center;
+
+    .ls-word-box-display {
+      margin: 0 10px;
+      font-size: 14px;
+      font-weight: 100;
+
+      button {
+        border: none;
+        background-color: var(--ant-primary-2, #f0f9ff);
+
+        &[disabled] {
+          background-color: #fafafa !important;
+
+          .ls-myself-select-title-style {
+            color: var(--ant-primary-4, #a3d7ff);
+            transition: all 0.3s;
+          }
+        }
+      }
+
+      .ls-myself-select-title-style {
+        color: var(--ant-primary-color, rgb(69, 154, 220));
+        font-size: 14px;
+        font-weight: 600;
+        transition: all 0.3s;
+      }
+    }
+
+    .ls-icon-box-display {
+      display: flex;
+      align-items: center;
+    }
+  }
+
+  .ls-area-cascaded-body {
+    width: 100%;
+    min-height: 100px;
+    max-height: 350px;
+    overflow: auto;
+    padding: 8px 12px 4px;
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 4px;
+    justify-content: start;
+    align-content: flex-start;
+    align-items: center;
+
+    .ls-area-cascaded-span {
+      text-align: center;
+      padding: 6px 10px;
+
+      //文字不换行，超出省略
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      cursor: pointer;
+
+      &.ls-area-selected,
+      &:hover {
+        color: var(--ant-primary-color, rgb(69, 154, 220));
+        transition: all 0.3s;
+      }
+    }
+  }
+}
+
+//手动指定盒子位置
+.ls-area-box-position {
+  .ls-ant-select-dropdown {
+    top: 36px !important;
+  }
+}
+
+
+@import url('./antd-custom.less');
+
+//-------------------省市区组件样式-----------

package/es/hooks/useDtl/index.d.ts

@@ -0,0 +1,47 @@
+import type { ActionType } from 'ls-pro-table';
+import type { ProFormInstance } from 'ls-pro-form';
+import type { SingleParamType } from '../useSingle';
+export declare type DtlParamType = SingleParamType & {
+    /**重置主表对象方法 */
+    setMaster?: (item: any) => void;
+    /**@name 主表主键字段 */
+    mstKeyField: string;
+    /**@name 从表服务 */
+    dtlService: any;
+    /**@name 从表关联字段 */
+    relationField: string;
+    /**@name 从表新增行时默认值 */
+    dtlItem: any;
+    /**@name 从表名,主从表一起保存时必传参 */
+    dtlName?: string;
+    /**@name 单据类型,主从表一起保存时必传参 */
+    billType?: string;
+    /**@name 动态编码规则字段,主从表一起保存传参 */
+    codeRuleDynamicField?: string;
+    /** 是否查询历史数据,通过主表查询面板用户受控组件传入 */
+    ifHistory?: 0 | 1;
+};
+declare function useDtl(dtlParam: DtlParamType): {
+    formRef: import("react").MutableRefObject<ProFormInstance<any> | undefined>;
+    tableRef: import("react").MutableRefObject<ActionType | undefined>;
+    dtlFormRef: import("react").MutableRefObject<ProFormInstance<any> | undefined>;
+    selectedRows: any;
+    showEdit: boolean;
+    editItem: any;
+    tableTools: (boolean | JSX.Element)[];
+    setSelectedRows: import("react").Dispatch<any>;
+    setShowEdit: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setEditItem: import("react").Dispatch<any>;
+    onRemoveDtl: (rows?: any) => void;
+    onSaveDtl: (formData: any) => Promise<boolean>;
+    onLoadDtl: (params: Record<string, any>, sort: Record<string, any>, filter: Record<string, any>) => Promise<any>;
+    onAddDtl: (item?: any) => Promise<boolean>;
+    onEditDtl: (item?: any) => Promise<boolean>;
+    onSaveMst: (values: any) => Promise<boolean>;
+    onSaveMstDtl: (isDelete?: boolean) => Promise<boolean | undefined>;
+    onRemoveMst: () => Promise<boolean | undefined>;
+    onExportDtl: (url: string, param: any) => Promise<boolean>;
+    isAudit: () => boolean;
+    onAudit: () => Promise<void>;
+};
+export default useDtl;