@webx-ui/module-media 0.5.1 → 0.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +17 -0
- package/dist/FileField.d.ts +10 -0
- package/dist/FilesField.d.ts +10 -0
- package/dist/GalleryField.d.ts +10 -0
- package/dist/MediaList.d.ts +51 -0
- package/dist/MediaManager.d.ts +15 -1
- package/dist/MediaPicker.d.ts +6 -0
- package/dist/format.d.ts +4 -0
- package/dist/index.d.ts +4 -1
- package/dist/index.js +1001 -597
- package/dist/index.js.map +1 -1
- package/dist/openMediaPicker.d.ts +17 -0
- package/dist/style.css +1 -1
- package/package.json +4 -4
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.wx-media-tree{min-width:0;overflow:auto}.wx-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--wx-space-12);align-content:start;min-height:0;overflow:auto;padding:var(--wx-space-2);user-select:none}.wx-media--compact .wx-media-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:var(--wx-space-8)}.wx-media-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wx-space-6)}.wx-media-toolbar__search{flex:1 1 180px;min-width:120px}.wx-media-toolbar__count{font-size:var(--wx-font-size-sm);color:var(--wx-
|
|
1
|
+
.wx-media-tree{min-width:0;overflow:auto}.wx-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--wx-space-12);align-content:start;min-height:0;overflow:auto;padding:var(--wx-space-2);user-select:none}.wx-media--compact .wx-media-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:var(--wx-space-8)}.wx-media-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wx-space-6)}.wx-media-toolbar__search{flex:1 1 180px;min-width:120px}.wx-media-toolbar__count{font-size:var(--wx-font-size-sm);color:var(--wx-text-muted);margin-inline-start:auto}.wx-media{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:var(--wx-space-16);min-height:0;height:100%}.wx-media--compact{grid-template-columns:minmax(0,1fr);gap:var(--wx-space-8)}.wx-media__folders{display:flex;flex-direction:column;gap:var(--wx-space-8);min-height:0;border-right:1px solid var(--wx-border-muted);padding-right:var(--wx-space-12)}.wx-media__drawer{display:flex;flex-direction:column;gap:var(--wx-space-10);padding-block:var(--wx-space-4)}.wx-media__status{display:flex;flex-wrap:wrap;gap:var(--wx-space-8);font-size:var(--wx-font-size-sm);color:var(--wx-text-muted);border-top:1px solid var(--wx-border-muted);padding-top:var(--wx-space-6)}.wx-media__files{display:flex;flex-direction:column;gap:var(--wx-space-10);min-height:0}.wx-media-picker{height:min(70vh,560px);min-height:0}.wx-media-picker__count{font-size:var(--wx-font-size-sm);color:var(--wx-text-muted);align-self:center}.wx-media-list{display:flex;flex-direction:column;gap:var(--wx-space-8)}.wx-media-list__label{font-size:var(--wx-font-size-sm);color:var(--wx-text-muted)}.wx-media-list__footer{display:flex;align-items:center;gap:var(--wx-space-12)}.wx-media-list__hint{color:var(--wx-text-muted);font-size:var(--wx-font-size-xs)}.wx-media-list--grid .wx-sortable-list .wx-sortable-list__body{display:grid;grid-template-columns:var(--wx-media-list-columns);gap:var(--wx-space-8)}.wx-media-list--grid .wx-sortable-list .wx-sortable-list__row{display:block;padding:0;border-top:none}.wx-media-list--grid .wx-sortable-list .wx-sortable-list__empty{grid-column:1 / -1;padding-inline:0}.wx-media-list__cell{position:relative;min-width:0}.wx-media-list--grid .wx-media-list__cell>.wx-file-card>.wx-file-card__preview{aspect-ratio:var(--wx-media-list-aspect, 4 / 3)}.wx-media-list--rows .wx-media-list__cell{display:flex;align-items:center;gap:var(--wx-space-8)}.wx-media-list--rows .wx-media-list__cell>.wx-file-card{flex:1 1 auto;flex-direction:row;align-items:center;gap:var(--wx-space-12);min-width:0}.wx-media-list--rows .wx-media-list__cell>.wx-file-card>.wx-file-card__preview{flex:0 0 auto;width:48px;aspect-ratio:1 / 1}.wx-media-list--rows .wx-media-list__cell>.wx-file-card>.wx-file-card__body{flex:1 1 auto;min-width:0}.wx-media-list--rows .wx-media-list__cell .wx-file-card__name,.wx-media-list--rows .wx-media-list__cell .wx-file-card__meta{text-align:start}.wx-media-list__cell.is-broken>.wx-file-card>.wx-file-card__preview{border-color:var(--wx-color-danger);background:var(--wx-color-danger-soft)}.wx-media-list__missing{color:var(--wx-color-danger)}.wx-media-list__tools{display:flex;padding:2px;border:1px solid var(--wx-border-muted);border-radius:var(--wx-radius-sm);background:color-mix(in srgb,var(--wx-bg-surface) 88%,transparent);backdrop-filter:blur(2px)}.wx-media-list--grid .wx-media-list__tools{position:absolute;top:var(--wx-space-8);right:var(--wx-space-8)}@media(hover:hover){.wx-media-list--grid .wx-media-list__tools{opacity:0;transition:opacity var(--wx-duration-fast) var(--wx-easing-standard)}.wx-media-list--grid .wx-media-list__cell:hover .wx-media-list__tools,.wx-media-list--grid .wx-media-list__cell:focus-within .wx-media-list__tools,.wx-media-list--grid .wx-media-list__cell.is-busy .wx-media-list__tools{opacity:1}}.wx-media-list__captions{display:flex;flex-direction:column;gap:var(--wx-space-12);width:100%}.wx-media-list__caption{display:flex;flex-direction:column;gap:var(--wx-space-2)}.wx-media-list__caption-label{color:var(--wx-text-muted);font-size:var(--wx-font-size-xs)}.wx-media-list__captions-footer{display:flex;justify-content:flex-end;gap:var(--wx-space-8)}.wx-media-field{display:flex;flex-direction:column;gap:var(--wx-space-6)}.wx-media-field__label{font-size:var(--wx-font-size-sm);color:var(--wx-text-muted)}.wx-media-field__frame{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--wx-space-8);border:1px solid var(--wx-border-default);border-radius:var(--wx-radius-md);background:var(--wx-bg-surface);overflow:hidden}.wx-media-field__frame.is-empty{border-style:dashed;padding:0}.wx-media-field__pick{width:100%;height:100%;padding:0;border:none;background:transparent;color:var(--wx-text-placeholder);font-family:inherit;font-size:var(--wx-font-size-md);cursor:pointer;transition:color var(--wx-duration-fast) var(--wx-easing-standard)}.wx-media-field__pick:hover:not(:disabled){color:var(--wx-text-muted)}.wx-media-field__pick:disabled{cursor:not-allowed}.wx-media-field__picture{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;padding:0;border:none;border-radius:var(--wx-radius-xs);overflow:hidden;background:transparent;cursor:pointer}.wx-media-field__picture:disabled{cursor:not-allowed}.wx-media-field__missing{color:var(--wx-text-placeholder);font-size:var(--wx-font-size-sm)}.wx-media-field__bar{position:absolute;bottom:var(--wx-space-16);left:50%;transform:translate(-50%);padding:var(--wx-space-4);border-radius:var(--wx-radius-control);background:var(--wx-bg-surface);box-shadow:var(--wx-shadow-sm)}.wx-media-field__captions{display:flex;flex-direction:column;gap:var(--wx-space-12);width:100%}.wx-media-field__caption{display:flex;flex-direction:column;gap:var(--wx-space-2)}.wx-media-field__caption-label{color:var(--wx-text-muted);font-size:var(--wx-font-size-xs)}.wx-media-field__captions-footer{display:flex;justify-content:flex-end;gap:var(--wx-space-8)}.wx-media-page{height:100%;min-height:0}.wx-media-page>.wx-card__body{height:100%;min-height:0;display:flex;flex-direction:column}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webx-ui/module-media",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.1",
|
|
4
4
|
"description": "The file manager of a WebX UI admin panel: folders, files, uploads and an image editor. Pairs with webx-ui/module-media on the server.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -45,9 +45,9 @@
|
|
|
45
45
|
"vue-router": "^4.5.0"
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
|
-
"@webx-ui/module-admin": "^0.4.
|
|
49
|
-
"@webx-ui/core": "^0.
|
|
50
|
-
"@webx-ui/schema": "^0.2.
|
|
48
|
+
"@webx-ui/module-admin": "^0.4.2",
|
|
49
|
+
"@webx-ui/core": "^0.20.0",
|
|
50
|
+
"@webx-ui/schema": "^0.2.1"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
53
|
"@types/node": "^24.10.1",
|