@cmstops/pro-compo 3.10.5-nanning.2 → 3.10.5-stable.10

package/dist/editDocMeta/components/fields/options/useCustom.d.ts

@@ -0,0 +1,12 @@
+import { Ref } from 'vue';
+export declare function useMorn(modelValue: Ref<any>, meta: Ref<any>): {
+    mornSwitch: Ref<boolean, boolean>;
+    radioOptions: never[];
+} | {
+    mornSwitch: import("vue").WritableComputedRef<boolean, boolean>;
+    radioOptions: {
+        label: string;
+        value: string;
+    }[];
+};
+export declare function other(): void;

package/dist/editDocMeta/components/options/useThumbs.d.ts

@@ -0,0 +1,29 @@
+import { Ref } from 'vue';
+export declare function getThumbLen(thumbs: any[]): number;
+export declare function checkThumbIsEmpty(thumbs: any[]): boolean;
+export declare function checkoutThumbIsOrigin(url: string): boolean;
+export declare function getPayloadImg(payload: string, series?: string): any;
+export declare function useThumb(modelValue: Ref<any[]>, meta: Ref<any>, series?: string, currentModel?: Ref<number>): {
+    thumbOptions: never[];
+    selectThumb: Ref<string, string>;
+    ratioStr: string;
+} | {
+    ratioStr: import("vue").ComputedRef<any>;
+    selectThumb: import("vue").WritableComputedRef<string, string>;
+    thumbOptions: any[];
+};
+export declare function useBanner(modelValue: Ref<any[]>, meta: Ref<any>, bannerValue?: Ref<boolean>): {
+    bannerSwitch: Ref<boolean, boolean>;
+    showSync: Ref<boolean, boolean>;
+    syncThumb: () => void;
+};
+export declare function useColor(modelValue: Ref<any[]>, meta: Ref<any>, BASE_API?: string, colorListValue?: Ref<any[]>): {
+    colorListShow: Ref<never[], never[]>;
+    currentColor: Ref<string, string>;
+} | {
+    currentColor: import("vue").WritableComputedRef<any, any>;
+    colorListShow: import("vue").ComputedRef<string[]>;
+};
+export declare function useLocalUpload(modelValue: Ref<any[]>, BASE_API?: string, domainId?: number): {
+    handleUpload: (index: number) => void;
+};

package/dist/editDocMeta/hooks/useMetaOptions.d.ts

@@ -0,0 +1,49 @@
+export interface MetaOption {
+    label: string;
+    value: string;
+    type: 'input' | 'select' | 'switch' | 'thumb' | 'banner' | 'date' | 'radio' | 'checkbox' | 'custom' | 'content-model';
+    show: boolean;
+    required: boolean;
+    disabled?: boolean;
+    order?: number;
+    default?: any;
+    meta?: any;
+    scope?: string[];
+    is_extend?: boolean;
+    ext_type?: string;
+}
+export default function useMetaOptions(BASE_API: string, domainId?: number): {
+    loading: import("vue").Ref<boolean, boolean>;
+    options: import("vue").Ref<{
+        label: string;
+        value: string;
+        type: "input" | "select" | "thumb" | "banner" | "switch" | "date" | "radio" | "checkbox" | "custom" | "content-model";
+        show: boolean;
+        required: boolean;
+        disabled?: boolean | undefined;
+        order?: number | undefined;
+        default?: any;
+        meta?: any;
+        scope?: string[] | undefined;
+        is_extend?: boolean | undefined;
+        ext_type?: string | undefined;
+    }[], MetaOption[] | {
+        label: string;
+        value: string;
+        type: "input" | "select" | "thumb" | "banner" | "switch" | "date" | "radio" | "checkbox" | "custom" | "content-model";
+        show: boolean;
+        required: boolean;
+        disabled?: boolean | undefined;
+        order?: number | undefined;
+        default?: any;
+        meta?: any;
+        scope?: string[] | undefined;
+        is_extend?: boolean | undefined;
+        ext_type?: string | undefined;
+    }[]>;
+    optionsDict: import("vue").ComputedRef<{
+        [key: string]: MetaOption;
+    }>;
+    showOptionsLen: import("vue").ComputedRef<number>;
+    initOptions: () => Promise<void>;
+};

package/dist/editDocMeta/index.d.ts

@@ -0,0 +1,3 @@
+import './style/index.less';
+declare const editDocMeta: any;
+export default editDocMeta;

package/dist/editDocMeta/script/api.d.ts

@@ -0,0 +1,13 @@
+interface Params {
+    [key: string]: any;
+}
+export declare function getDocDetailsNew(BASE_API: string, query: Params): Promise<import("axios").AxiosResponse<any, any, {}>>;
+export declare function getDocMetaFieldsConfig(BASE_API: string, domainId: number): Promise<import("axios").AxiosResponse<any, any, {}>>;
+export declare function getAllDutyEditor(BASE_API: string): Promise<import("axios").AxiosResponse<any, any, {}>>;
+export declare function getBylineTemplates(BASE_API: string, params?: {
+    name?: string;
+    default_top?: boolean;
+}): Promise<import("axios").AxiosResponse<any, any, {}>>;
+export declare function updateDocMeta(BASE_API: string, params: Params): Promise<import("axios").AxiosResponse<any, any, {}>>;
+export declare function getEnabledExtendedFields(BASE_API: string, category?: string): Promise<import("axios").AxiosResponse<any, any, {}>>;
+export {};

package/dist/index.css

@@ -5121,3 +5121,284 @@
   color: var(---primary-6, #165dff);
   background: var(---primary-1, #e8f3ff);
 }
+.form-adapter {
+  width: 100%;
+}
+.form-adapter :deep(.form-item-wrp) {
+  width: 100%;
+}
+.image-editor-modal .arco-modal {
+  height: 850px;
+}
+.image-editor-modal .arco-modal-body {
+  padding: 0;
+  height: 100%;
+  overflow: hidden;
+}
+.image-editor-iframe {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  border: 0;
+  outline: none;
+}
+.doc-meta-form-container {
+  padding: 40px 80px 20px 48px;
+}
+.doc-meta-form-container :deep(.arco-form-item-label) {
+  position: relative;
+  width: 125px !important;
+  min-width: 125px;
+  max-width: 125px;
+}
+.doc-meta-form-container :deep(.arco-form-item-label) .arco-form-item-label-required-symbol {
+  position: absolute;
+  top: 50%;
+  left: -15px;
+  transform: translateY(-50%);
+}
+.input-w {
+  width: 100%;
+}
+.sub-title-wrp {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 25px;
+}
+.sub-title-wrp .sub-left {
+  display: flex;
+  align-items: center;
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 24px;
+  color: #3d3d3d;
+  transform: translateX(-24px);
+}
+.sub-title-wrp .sub-left::before {
+  content: '';
+  display: inline-block;
+  width: 4px;
+  height: 16px;
+  margin-right: 8px;
+  background: #165dff;
+}
+.thumb-edit-card {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  border: 1px dashed #e5e6eb !important;
+  border-radius: 2px;
+  background-color: #f2f3f5;
+  cursor: pointer;
+}
+.thumb-edit-card .thumb-add {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+  color: var(--color-text-2);
+  font-size: 16px;
+  cursor: pointer;
+}
+.thumb-drop-button {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  font-size: 14px;
+}
+.form-thumb-wrap {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  line-height: 32px;
+}
+.form-thumb-wrap .thumb-list {
+  display: flex;
+  flex-direction: column;
+}
+.form-thumb-wrap .thumb-list .thumb-tip {
+  color: var(--color-text-3);
+  font-size: 12px;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap {
+  position: relative;
+  display: flex;
+  gap: 10px;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .thumb-item {
+  position: relative;
+  width: 110px;
+  aspect-ratio: 4 / 3;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .thumb-remove-btn {
+  position: absolute;
+  top: -10px;
+  right: -10px;
+  display: flex;
+  width: 20px;
+  height: 20px;
+  align-items: center;
+  justify-content: center;
+  background: #999;
+  border-radius: 50%;
+  cursor: pointer;
+  opacity: 0;
+  transition: opacity 0.3s ease-in-out;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .thumb-item:hover .thumb-remove-btn {
+  opacity: 1;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .thumb-remove-btn:hover {
+  background: #666;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .no-thumb-tips {
+  line-height: 24px;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .card-preview {
+  align-self: flex-end;
+  width: 40px;
+  line-height: 1;
+  white-space: nowrap;
+}
+.form-thumb-wrap .thumb-list span {
+  color: var(--color-text-2);
+}
+.color-radio-group {
+  overflow: hidden;
+}
+.color-radio-group .arco-radio-button {
+  position: relative;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  overflow: hidden !important;
+  font-size: 0 !important;
+  background: transparent !important;
+  border-width: 0 !important;
+  box-shadow: none !important;
+}
+.color-radio-group .arco-radio-button.arco-radio-checked::after {
+  position: absolute;
+  top: 7px;
+  left: 12px;
+  box-sizing: content-box;
+  width: 5px;
+  height: 11px;
+  border: 2px solid #fff;
+  border-top: 0;
+  border-left: 0;
+  transform: rotate(45deg) scaleY(1);
+  transform-origin: center;
+  content: '';
+  transition: transform 0.15s ease-in 0.05s;
+}
+.color-picker-input {
+  width: 32px;
+  height: 32px;
+  padding: 0 2px;
+  border: none;
+}
+.form-item-wrp {
+  width: 100%;
+  display: block;
+}
+.form-input-wrp {
+  width: 100%;
+  display: block;
+}
+.form-input-wrp :deep(.arco-input),
+.form-input-wrp :deep(.arco-input-number),
+.form-input-wrp :deep(.arco-textarea),
+.form-input-wrp :deep(.arco-input-tag) {
+  width: 100%;
+}
+.form-input-wrp .tag-count {
+  color: var(--color-text-3);
+  font-size: 12px;
+  user-select: none;
+}
+.form-item-wrp {
+  width: 100%;
+}
+.form-item-wrp {
+  width: 100%;
+}
+.form-item-wrp {
+  width: 100%;
+}
+.form-radio-wrp {
+  width: 100%;
+}
+.form-radio-wrp :deep(.arco-radio-group) {
+  width: 100%;
+}
+.form-radio-wrp :deep(.arco-radio) {
+  margin-right: 16px;
+  margin-bottom: 8px;
+}
+.form-radio-wrp :deep(.arco-radio):last-child {
+  margin-right: 0;
+}
+.form-checkbox-wrp {
+  width: 100%;
+}
+.form-checkbox-wrp :deep(.arco-checkbox-group) {
+  width: 100%;
+}
+.form-checkbox-wrp :deep(.arco-checkbox) {
+  margin-right: 16px;
+  margin-bottom: 8px;
+}
+.form-checkbox-wrp :deep(.arco-checkbox):last-child {
+  margin-right: 0;
+}
+.form-custom-wrapper {
+  width: 100%;
+}
+.form-custom-wrapper .form-morn-item {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  align-items: start;
+  margin-top: 3px;
+}
+.form-custom-wrapper .form-morn-item .form-morn-desc {
+  color: #86909c;
+  font-size: 12px;
+  line-height: 20px;
+}
+.form-content-wrapper {
+  width: 100%;
+}
+.form-content-wrapper .content-list-wrapper {
+  margin-top: 10px;
+  display: flex;
+  flex-direction: column;
+}
+.form-content-wrapper .content-list-wrapper .content-item-wrapper {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 9px 12px;
+  border: 1px solid #e5e6eb;
+  cursor: pointer;
+}
+.form-content-wrapper .content-list-wrapper .content-item-wrapper:hover {
+  background-color: #f7f8fa;
+}
+.form-content-wrapper .content-list-wrapper .content-item-wrapper:not(:first-child) {
+  border-top: none;
+}
+.form-content-wrapper .content-list-wrapper .content-item-wrapper .title {
+  flex: 1;
+  line-height: 22px;
+}
+.edit-doc-meta-dialog-body {
+  padding: 0;
+}

package/{es → dist}/index.d.ts

@@ -29,3 +29,4 @@ export { default as docHistory } from './docHistory';
 export { default as videoThumb } from './videoThumb';
 export { default as importData } from './importData';
 export { default as selectAddTo } from './selectAddTo';
+export { default as editDocMeta } from './editDocMeta';